Skip to content
Submitted 3 days ago

Four card feature section By using HTML & CSS

P
vietlong90•100
@vietlong90
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Professora Bianca•140
    @ProfessoraBiancaPosted 3 days ago

    Your solution in AWESOME!!!!

    One little thing: When the site is in a big screen, there is a scroll bar in the right. Probably because de min-height of the <body>. Maybe set it to max-height instead?

    Anyway, congrats!!!!

    Marked as helpful
    1
    P
    vietlong90•100
    @vietlong90Posted 2 days ago

    @ProfessoraBianca yep it has a scrollbar, but not because the min-height, because I set the padding of body top & bottom, then the height of content is higher than 100vh, so the scrollbar is showing.

    1
    Professora Bianca•140
    @ProfessoraBiancaPosted 2 days ago

    @vietlong90 Oh.. I see it now. But why did you do it? To align the elements?

    0
    P
    vietlong90•100
    @vietlong90Posted 2 days ago

    @ProfessoraBianca Out of habit, I guess, haha

    0
    Professora Bianca•140
    @ProfessoraBiancaPosted 2 days ago

    @vietlong90 hahahahah I understand. But usually, the more advanced coders in Frontend Mentor tell me to keep the design clean of scroll bars when not needed. That's why I got curious about your design.

    Anyway, from what I've seen of your profile, your solutions are really great! Good job! :D

    Marked as helpful
    0

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