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

Peter Forster

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

  • Time tracking dashboard


    Peter Forster•170
    Submitted 4 months ago

    1 comment
  • Time Tracking Dashboard


    Peter Forster•170
    Submitted 4 months ago

    0 comments
  • 10 Newsletter sign up


    Peter Forster•170
    Submitted 4 months ago

    1 comment
  • 09 Article preview component


    Peter Forster•170
    Submitted 4 months ago

    1 comment
  • Testimonials Grid Section


    Peter Forster•170
    Submitted 4 months ago

    2 comments
  • Testimonials Grid Section


    Peter Forster•170
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • osmar mendes•50
    @osmarmcn
    Submitted about 1 year ago

    time-tracking usando flex box

    1
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    looks good except for the spacing between the cards

  • M. Abubakr•250
    @m-abubakr1
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Got to learn about the Regex in JavaScript, hoping it may help in the long term. Next time, I will be trying to use some 3rd party Apis of js for validation.

    What challenges did you encounter, and how did you overcome them?

    The most challenging part was to give styling to the input focus in a way that it fulfills the requirements. I got to know how multiple styling can be added through JS Object.assign() function, but the best way to do it was to just add or remove classes.

    What specific areas of your project would you like help with?

    Any Suggestions on how to get precise margins and paddings without spending hours on experimenting?

    Newsletter sign-up form with success message - Using JS Regex

    1
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    Looks very good!

  • Aldeeb2020•120
    @Aldeeb2020
    Submitted 4 months ago

    Create article preview component using html css

    1
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    looks very good except for the missing border-radius on the card

  • AceThunder546•100
    @AceThunder546
    Submitted 4 months ago

    Testimonial Grid Section using CSS Grid

    1
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    looks quite nice

  • Marvin•80
    @elMarMar
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that my solution seems pretty spot-on. However, I think my code is a little disorganized since I'm still learning flexbox. As I continue to learn flexbox's properties, I believe I'll be able to more elegantly and efficiently code these front end sites.

    What challenges did you encounter, and how did you overcome them?

    I still don't perfectly understand certain flexbox properties. For example, flex-basis is still a fuzzy concept for me. It's the default size of an element based on what? When does it shrink/grow from that size.

    What specific areas of your project would you like help with?

    I would like to know if I used flexbox efficiently. Sometimes it feels like I'm abusing flexbox, but I'm struggling to my head around other methods that could better position my elements.

    Beginner Flexbox Four Cards Component

    2
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    looks quite good

  • Azhel•120
    @Azai4
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Going through this challenge and solving the problems smoothly

    What challenges did you encounter, and how did you overcome them?

    the display in the desktop screen size when using the media queries

    What specific areas of your project would you like help with?

    media queries for larger screen sizes

    Product-preview-component-card

    1
    Peter Forster•170
    @peterforster10
    Posted 4 months ago

    Try to be more precise when implementing the design

    Marked as helpful
View more comments
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

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