Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
10
Peter Forster
@peterforster10

All comments

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

    time-tracking usando flex box

    1
    Peter Forster•170
    @peterforster10
    Posted 5 months ago

    looks good except for the spacing between the cards

  • M. Abubakr•250
    @m-abubakr1
    Submitted 5 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 5 months ago

    Looks very good!

  • Aldeeb2020•120
    @Aldeeb2020
    Submitted 5 months ago

    Create article preview component using html css

    1
    Peter Forster•170
    @peterforster10
    Posted 5 months ago

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

  • AceThunder546•120
    @AceThunder546
    Submitted 5 months ago

    Testimonial Grid Section using CSS Grid

    1
    Peter Forster•170
    @peterforster10
    Posted 5 months ago

    looks quite nice

  • Marvin•80
    @elMarMar
    Submitted 5 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 5 months ago

    looks quite good

  • Azhel•120
    @Azai4
    Submitted 5 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 5 months ago

    Try to be more precise when implementing the design

    Marked as helpful
  • Nathan Molina•280
    @Natentado
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    My main challenges are related to metrics sizes and specific colors used as i do not own a pro signature to inspect the design layout.

    Responsive Layout, CSS Variables, Semantic HTML, CSS FlexBox

    1
    Peter Forster•170
    @peterforster10
    Posted 6 months ago

    Looks very nice except for the background color of the rose box.

    Marked as helpful
  • Hery NyAina•130
    @Heriniaina-30
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    Now, I understand how to use the flexbox

    Social link project

    1
    Peter Forster•170
    @peterforster10
    Posted 6 months ago

    Looks nice! But the padding of the card is little too big.

  • P
    Amy Spencer•360
    @amyspencerproject
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Getting back to Frontend Mentor after a year-ish long pause. I am sure there will be some issues because I am a little rusty.

    HTML and CSS Flex

    1
    Peter Forster•170
    @peterforster10
    Posted 6 months ago

    Looks good except that the card is not vertically centered. And the color of the subtitle is not light gray.

  • Malachifullerton•10
    @Malachifullerton
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    What I am most proud of accomplishing in this project is finally becoming comfortable with the basic git commands and finally understanding commit messages and how it works

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

    I encountered a few challenges but below are some of them:

    1. I faced the problem of my html body container not filling the whole screen and I solved that by adding ```css html, body { height: 100%; }
    2) Another challenge I faced was with the sizing of containers which was solved with
    ```css
    *  {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    
    What specific areas of your project would you like help with?
    1. The first question I want to ask is about the .attribution section in the html file... is it supposed to be at the base of the page or it can sit right under the QR code and text housing container?

    2. The next question is about the sizing of the container that houses the qr-code and texts... in the figma file it looks bigger than the solution image provided in the project by frontendmentor. This can be seen through the top spacing between the qr-code image and the border of the container in question.

    Qr-code project using css flexbox and html

    1
    Peter Forster•170
    @peterforster10
    Posted 6 months ago
    • Looks quite good
    • But check padding of your card component
    • And check the color of card component title
    • And the box shadow is missing of the component
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