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

Two-Page Art Gallery Website using SCSS and Grid

Stefan 620

@stfnpczk

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


In this challenge I experimented quite a bit w grid layout. Making the image grid responsive was tougher than I thought, so I'd really appreciate any suggestions how to better go about it.

Thank you :)

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Hi Stefan.

Well done , you did well on this project:

  • take note that the design sizes (375px, 768px and 1440px) are by no means an indication of media queries , apply media queries as usual but keeping it as close as possible to the provided designs. For example the desktop design will not show on most computers due to the fact that they have a resolution of about 1366px, where as your break point is at 1440px.

Marked as helpful

0

Stefan 620

@stfnpczk

Posted

Hello @ChamuMutezva ,

thank you so very much for your feedback.

Here in this challenge, I used the explicit width from the design, which is why I had to stick with 1440px as breakpoint, for the grid layout not to fall apart.

You're right, it would have been better to include those with smaller screen sizes for desktop view. I try to better account for that in the next challenge :)

Have a good one

0

@optimusprime202

Posted

Hey @stfnpczk, This is the best ever.

Marked as helpful

0

@benjoquilario

Posted

Hey Stefan

I really like your solution 😄.

I don't have any suggestion as your solution is already great.

Marked as helpful

0

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