Dealing with CSS Generated Content

We ended the last lesson with a bang!

Now, let’s make the iPhone look better.

Generated Content

In an earlier lesson, I explained how the pseudo-elements, :before and :after worked.

You most likely didn’t see a practical use for it. Let me show you one.

In cases like this where I’m keen on not messing the DOM with redundant markup, I can take advantage of pseudo-elements.

We will create the iPhone home button and speaker using CSS pseudo-elements.

So, where do we start?