Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive art gallery landing and inner page

P
ashashlin 140

@ashashlin

Desktop design screenshot for the Art gallery website coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

both pages are responsive without apparent bugs. figured out the grid in the main section and made it responsive at all screen sizes. figured out the hero desktop design and the final look is very similar

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

the grid in the main section was confusing. i spent a long time trying out different column and row sizes to make it work at all screen sizes. it was a little confusing bc all images are differently sized and sometimes when you adjust screen sizes gaps appear around the image.

the desktop hero design (the black and white inversion) was hard too. i never did anything like that before so took some time to figure it out.

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

anything! especially the grid and the desktop hero black and white inversion design. thank you.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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