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

SarahBiscuit

@SarahBiscuit40 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

  • Blog Preview Card (Boostrap cards, Flexbox, Javascript)

    #bootstrap

    SarahBiscuit•40
    Submitted 10 months ago

    Making sure the main element takes up a similar amount of screen size on different screens.


    0 comments
  • QR Component - used HTML, CSS and Bootstrap cards

    #bootstrap

    SarahBiscuit•40
    Submitted 12 months ago

    I struggled with getting the image to center vertically.


    2 comments

Latest comments

  • dinixtus•320
    @dinixtus
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    how to optimally place many cards. Solved with Bootstrap.

    Yellow card

    #bootstrap
    1
    SarahBiscuit•40
    @SarahBiscuit
    Posted 10 months ago

    I like the addition of the 'add my card' button. You've done a great job of making it look similar to the design.

  • Manasi-Pimprikar•80
    @Manasi-Pimprikar
    Submitted 12 months ago

    Responsive page using css flexbox

    #bootstrap
    1
    SarahBiscuit•40
    @SarahBiscuit
    Posted 12 months ago

    This looks good on a range of phone screen sizes, though it seems to become quite small on tablet view. It would look better with e.g. a tablet media query.

    The image is clear and works on any size of screen.

    Marked as helpful
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