HTML for Kids: A Beginner’s Course | HTML and CSS

✅ Description:

Make your pages mobile-friendly with media queries and flexible units.

📘 Explanation:

Use %, em, and media queries to adapt your page layout for different screen sizes.

💻 Code Example:

@media (max-width: 600px) {
.container {
flex-direction: column;
}
}
 

🛠️ Exercise:

  • Take your Flexbox layout and add a media query.

  • Make the layout change on smaller screens.