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
Request failed with status code 502
Not Found
Not Found

Submitted

3 column preview card using flexbox

Zubin Nair 180

@znair96

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please free to give feedback on my solution . It would be very helpful for me to improve myself.

Community feedback

Ayush Nath 360

@Beats-Ayush

Posted

znair96 Excellent work. The solution looks very close to the design. Some places where you may want to improve your code

  • While decreasing the width of the screen, before reaching the mobile layout i.e. in tablet layout, the flex items are stacking up on each other which is due to the flex-wrap. This is not a very good user experience in my opinion. You can use max-width instead to restrict the width.

  • background-color is missing.

  • You have forgotten to add the hover state on the buttons.

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