Responsive News Landing page

Hi,

Great job on your solution so far!

I have a couple of suggestions that could help improve it even further:

• To make the menu button responsive, you'll need to use some JavaScript and manipulate the display property. You can learn more about this technique by checking out the tutorial on W3Schools.

• I noticed that the font-size in your solution increases as the viewport size increases because you're using viewport units (vw) to specify the font size. While this can be a useful technique in some cases, it can also lead to inconsistent font sizes on different devices. You may want to consider using rem or em units instead. These units are relative to the font-size of the root element (html) or the parent element, respectively, and do not change with the viewport size. This can help ensure that your font sizes are consistent across different devices. Check out this post on css-tricks to learn more about font size and units.

Keep up the good work! Let me know if you have any questions.

Elio Flores

For the responsive mobile menu, you need to use javascript for that. Here's the video reference for that to help you understand how it works but you have to figure out for yourself how to design per challenge specs. https://www.youtube.com/watch?v=At4B7A4GOPg&t=2s

Your font size changed size because it's changing relative to your viewport width because you are using font-size: 1vw for example. While PX, EM, and REM are primarily used for font sizing, %, VW, and VH are mostly used for margins, padding, spacing, and widths/heights. more info: https://www.freecodecamp.org/news/learn-css-units-em-rem-vh-vw-with-code-examples/