Skip to content
Submitted over 2 years ago

Flexbox , Responsive design

Dakota Hanks•130
@Nano950
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Is there any preferred way that I organize sections of my css? also any general best practices tips are greatly appreciated!

Community feedback

  • Nate•320
    @Ging3rmintPosted over 2 years ago

    It looks like you need more practise with CSS. here are some tips

    1. never set a fixed height to an element (it will not scale, and what you get is your button going out of its container because your p tag cannot scale)

    2. never use vh unless you want your element to fit to the screen or you are using some sort of calculation.

    3. try to practise with SCSS and use BEM (block element modifiers) naming convention. these are the industry standard.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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