Lessons

• Advanced Links — Go beyond basic hyperlinks and learn how to open links in new tabs, create clickable email addresses, and add tap-to-call and tap-to-text links for mobile visitors.
• Advanced CSS Selectors — Go deeper with CSS selectors and learn how to target child elements, siblings, attributes, and states like hover to write smarter, more efficient stylesheets.
• Responsive Website Design — Learn what responsive web design means, why it’s essential in a mobile-first world, and the core principles behind building sites that adapt to any screen size.
• The Viewport Meta Tag and Media Queries — Learn what the viewport meta tag does and why every page needs it, then learn how to write media queries that apply different styles at different screen widths.
• Showing Different Content on Mobile — Learn how to combine display: none with media queries to show desktop-only or mobile-only content, and how to stack columns on smaller screens.

Practice Exercises

• Responsive Websites Quiz — Test your knowledge of responsive design, media queries, and the viewport meta tag.