Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
4
Natalia
@Natalia912

All comments

  • Natalia•220
    @Natalia912
    Submitted almost 3 years ago

    Responsive card with flexbox

    1
    Natalia•220
    @Natalia912
    Posted almost 3 years ago

    idk why it's different on the screenshot when the on the preview site it looks just fine

  • Minz Jaeger•40
    @JaegerGB
    Submitted about 3 years ago

    Order Summary Component HTML & CSS

    2
    Natalia•220
    @Natalia912
    Posted about 3 years ago

    keep learning and you'll make it perfect in no time!

  • Minz Jaeger•40
    @JaegerGB
    Submitted about 3 years ago

    Order Summary Component HTML & CSS

    2
    Natalia•220
    @Natalia912
    Posted about 3 years ago

    hey! you are doing great. if you want to get rid of accessibility issues you could change your div.card element to main.card element. the other thing is to always use h1 tag in your solutions, so I would recommend to change your h4 tag to h1.

    in your CSS i'd suggest make following changes:

    in .card i'd change height property to fit-content so it wouldn't cut the bottom of your card

    in .body i'd use flex and justified and aligned your card to center and add height property set to 100vh. you don't need to use margin in this case

    Marked as helpful
  • Natalia•220
    @Natalia912
    Submitted about 3 years ago

    Order Summary

    1
    Natalia•220
    @Natalia912
    Posted about 3 years ago

    somebody please explain me how to get the size of the container box right

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub