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

Jen Gori 170

@jengori

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

Community feedback

P
Alper 1,010

@adonmez04

Posted

Hi, @jengori. I checked your code. It's a good solution. Keep coding. I have some suggestions for you.

You can use the universal selector for the global reset.

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

box-sizing: border-box; is so important. This topic is related to the box-model. It is one of the most important topics in CSS. Be sure to understand the fundamentals of CSS. This will make you feel more comfortable. Please check the resources.

The box model

The box-sizing property

Learn CSS Box Model In 8 Minutes

(I checked your other solutions for this property and you didn't use it on them. Maybe you just forgot about this property, idk...)

Check some good solutions and implement to your code. I hope these'll help you to improve your perspective. Keep coding. All the best.

Marked as helpful

0

Jen Gori 170

@jengori

Posted

@adonmez04 Thanks for your comments and the links to resources. I'd somehow never heard of this property before ... definitely need to do some reading! Thanks again :)

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