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

Safi Nafi 415

@Safi100

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


if you have any suggestions let me know <3

Community feedback

T
Chamu 13,110

@ChamuMutezva

Posted

Nice work there.

  • <h1>SEDANS</h1> , words written in uppercase are read letter by letter when using screen readers. Write in lowercase and use css to transform the words to uppercase
  • <button>Learn More</button>, in my opinion that should be a link to another page , an a element would be the element of choice

Marked as helpful

1

Safi Nafi 415

@Safi100

Posted

Thanks Chamu, I appreciate it <3.

0
dania 530

@adimidania

Posted

Well done Safi! you did a really amazing job! the card is fully responsive and looking great!

You can add some space between the lines in the paragraphs using line-height property, also, for the body change the background color to hsl(0, 0%, 95%).

Keep coding!

Marked as helpful

1

Safi Nafi 415

@Safi100

Posted

Thanks Dania, I appreciate it <3

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