Semantic HTML5, CSS, CSS Grid, Mobile-first

Community feedback

• 

  VictorGerfaud•210

  @JamesLavironPosted 2 months ago

  Hey, since I saw your solution in my feed and saw that you wanted some CSS tips, I decided to take a look at your code.

  First of all, it's very good. You've used semantic HTML as much as possible and tried to make it reusable. However, it looks like you're having problems with the fonts, maybe you need to check why it's not working as expected.

  As a first step to improving your css, I'd focus on using more reusable and powerful query selectors. Perhaps take a look at some articles on how you create your selectors (spoiler: use classes and IDs :) ). Checking out the BEM methodology can be a great way to understand how CSS and HTML work together.

  Nice solution :)

  ps: I've just seen that you use the 'px' unit. Avoid using pixels at all costs, it won't work well on many high-resolution screens. Better to use rem/em :)

  Marked as helpful

  1

  ---

  

  Hernan Amaiz•10

  @Maizo21Posted 2 months ago

  Hi @JamesLaviron!

  Thanks for the comments. You are absolutely right, I am going to change the CSS and use more classes and also change px to rem/em.

  I don't know much about BEM methodology, I'll look it up. Thank you! 😁

  0