Responsive Design for Meet Landing Page

Solution retrospective
I had problems with the header image and the footer background. I had to do extra research on responsive design and background-image
What specific areas of your project would you like help with?Any feedback would be appreciated
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@NunoJDMachado
Regarding the header image I would suggest looking into the <picture> element. It allows you to only load the right image for whatever breakpoint the user is on, instead of loading all of them and then hiding them using display: none.
The image gallery needs some work as the images seem to be too small on some media widths and too large on others. Perhaps a mixture of max/min-width and media queries could help.
The footer background seems fine but the elements are not spaced correctly.
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord