Responsive layout using only HTML, CSS and vanilla JS

What are you most proud of, and what would you do differently next time?

the responsiveness became tricky very quick since im not yet used to changing the styles but i think it turned out well

What challenges did you encounter, and how did you overcome them?

Mixing flex and grid containers to achieve the right layout and making it responsive was challenging at first, classes and specificity were key to getting over this

using srcset in order for the image to be smaller in mobile view was challenging as well, this was the first time i used the property and had to do a lot of reading to get around it

Also, the way i tackled the mobile menu was flawed at first, some rewriting had to be done but it ended up working out

What specific areas of your project would you like help with?

Resposiveness isnt the best and might break if pushed too much, also, the animations on hover are something im new to