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

I used Html/CSS and mostly Flex box for this project

@Alamin-eng

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


I would like to receive feedback for my page to work properly in a mobile screen.

Community feedback

@FedeHerrera10

Posted

You can use flex-direction column for mobile. And in each card add a suitable size for mobile, for example 90%

0

@Mahwash-Aly

Posted

Hey Mohammad, Your Desktop version looks good but mobile view needs improvement. In responsive mode, all the space below the learn more button disappears and everything squeezes. Also, please check border-radius of top and bottom cards in mobile view. Otherwise it's a nice try!

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