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 page using Grid and Flex

Wismal 190

@Wismal

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Mostly how to address the changing JS. I tried with display: none, changing the background and more, but this led breaking the flow of the page. I remembered the clasic z-index and how it didn't corrupt the flow. After that, everything turned out easily

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

Just remember the z-index and dont overcomplicate it. Remember the positions.

Community feedback

W3RKY 70

@xAnDrOm3dAx

Posted

Great work on the responsive layout 👍🏼 you could push the footer to the bottom in desktop mode using - align-items: flex-end;

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