Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1

Astrid

@astridv100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive grid testimonials using flexbox, CSS grid and BEM


    Astrid•100
    Submitted over 4 years ago

    3 comments
  • Mobile first grid component with CSS Grid


    Astrid•100
    Submitted almost 5 years ago

    2 comments
  • Responsive Article Preview Component with Flexbox


    Astrid•100
    Submitted over 4 years ago

    1 comment

Latest comments

  • Alan García•20
    @AlanSeyfir
    Submitted over 4 years ago

    Pure HTML & CSS - First Challenge

    1
    Astrid•100
    @astridv
    Posted over 4 years ago

    Hi Alan!

    Good job on the challenge 👏 I think it looks very nice on both desktop and mobile 😄 The transition from large to smaller screens is a bit choppy (first it is one size before jumping to another). I actually think you could simplify your code by removing your media queries, and just keeping the max-width property in this case as the card layout doesn't change.

    The design looks really good. To get it even closer you could consider reducing the padding in your person-bio class to remove some white space.

    Also, quick note on the strong tag. This tag is used to define text with strong importance in a document. If the text isn't of special importance, it is better to use the <b> tag or add a css style with font-weight: bold.

    Hope this helps and keep up the good work 😄

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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