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

Natalia

@Natalia912220 points

I'm a passionate junior frontend developer looking for opportunities to improve my skills!

I’m currently learning...

React JS

Latest solutions

  • Age Calculator App with Vue3 and Tailwind

    #vue#tailwind-css

    Natalia•220
    Submitted about 2 years ago

    1 comment
  • Bookmark React App with Tailwind and Framer Motion

    #animation#motion#react#tailwind-css

    Natalia•220
    Submitted over 2 years ago

    0 comments
  • URL shortening API (URLO) landing page with React and TS

    #react#typescript

    Natalia•220
    Submitted over 2 years ago

    0 comments
  • Multi Step Form with React js

    #react

    Natalia•220
    Submitted over 2 years ago

    0 comments
  • Portfolio Card


    Natalia•220
    Submitted almost 3 years ago

    0 comments
  • Rating Component JS and Sass

    #sass/scss

    Natalia•220
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • Natalia•220
    @Natalia912
    Submitted about 3 years ago

    Responsive card with flexbox

    1
    Natalia•220
    @Natalia912
    Posted about 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

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

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