Responsive intro section with dropdown using CSS, JS, Grid and Flexbox

Hi! Your solution looks nice to me 🙂

There is one small issue with the background image which is easy to fix: right now when the screen shrinks, the image doesn't shrink proportionally but is cut off on the right side. To make it look better you should change the background-size property to contain (instead of cover) and set "background-position-x: center" at main .right.

Then at @media (max-width: 768px) do the same changes: main .right { background-size: contain; background-position: center; }