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 component

France 100

@LanXhan

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

@Paulo-Dandrea

Posted

Congratulations for the solution.

I've noticed that you're using the indentation to nest things, right? They do not use this way in the industry.

  • You could use commentary to separate the concerns (there's a VSCODE extension called 'Comment Headers').
  • You could use Prettier(another extension) to indent and standardize your css.
  • Try learning SASS for your nesting intention :D
  • What do you think of using box-sizing:border-box for your reset as well? It is a more intuitive way to layout things.
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
0
France 100

@LanXhan

Posted

Hi! Day 2

Creative criticisms are welcome! Thank you so much

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