@grifano
Posted
Hi, great job with the challenge!
Here are a few improvements you can add next time:
• To use different size images for various screens, use the <picture> tag. You can use the <source> tag to define which image should load on which screen size.
• You can reduce the number of media queries by using relative sizes for font size, margin, padding, etc. However, media queries are a straightforward way to achieve responsiveness.
• Check out the BEM class naming methodology. It will help you create clean, well-structured CSS classes.
Keep going!
By the way, your current link to the GitHub repository is incorrect and leads to another project.