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

3-column preview card component solution using HTML & CSS

@noobcoder02

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


Kindly check out the solution and give your views on optimizing the solution better.

Community feedback

anas ali 415

@anas-cd

Posted

really nice work you got there,

  • to make it even closer to the design you can use the line-height property for the paragraph

  • also to make it more responsive maybe make the breakpoint of mobile view switching before 375 pixels since some phones are a bit bigger than this resolution

  • last one there is a funny movement while resizing the screen from the buttons, I had the same thing when I did this challenge and I fixed it using the margin-top auto while in flex item, you can do something similar at yours but since you don't have it as flex inside each card you can do whatever makes the button stick to the end of its container

have fun ^_^

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