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 3-Column Preview Card, Component HTML5 & CSS3

@AbdulrahmanFE

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


Any feedback that's will improve my code <3.

Community feedback

@maqsudtolipov

Posted

Your design looks great 😍👏. About your question don't use comments like /* end of something*/ the staring point is enough I think. And also instead of /start variables/ just write variables. Eady to understand and also ready to write

Marked as helpful

1

@AbdulrahmanFE

Posted

@maqsudtolipov, I see your point, thanks :).

1

@NabilWasir

Posted

I think it's better to use just flex for this & flex-direction: column for the mobile version. Even though your code is good for desktop & mobile if you use just flex for desktop & flex-direction: column for mobile then you will also have a version for the tablet which is identical to desktop.

1

@AbdulrahmanFE

Posted

@NabilWasir Thanks for the feedback.

0
Kacper Kwinta 1,405

@kacperkwinta

Posted

Very responsive and good-looking (:

1

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