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 hub

Nosaroki 30

@wea2ne

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


feedbacks are more than welcome. :)

Community feedback

Ishmael 330

@Ishmaelsealey

Posted

Hi!

Your solution is great already, however there are three things you could do to make it better.

  1. Use the line spacing style option with an adequate value in px (I used 25px) to add a bit more space between lines in the paragraph.
p {
line-spacing: 25px;
}
  1. The hsl value -> hsl(0, 0%, 95%) was provided for use on the background. It will make the screenshot a bit closer to the original design.
  2. The buttons do a weird wrapping thing when I shrink my window size. To prevent this, you can add text-wrap: nowrap; to the button styles.

Keep at it!!

Marked as helpful

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