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

Community feedback

• 

  Roksolana•910

  @RoksolanaVeresPosted over 1 year ago

  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; }

  Marked as helpful

  1

  ---

  

  Yassine Ghezal•870

  @Ryusuke66Posted over 1 year ago

  @RoksolanaVeres Hi, I'm glad you liked my solution, i fixed the issue that you mentioned, Thank you for bringing it to my attention.

  1