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

petemac281

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

  • Tip Calculator with JS calcs


    petemac281•220
    Submitted 8 months ago

    N/a


    1 comment
  • Loopstudios Landing Page


    petemac281•220
    Submitted 8 months ago

    N/A


    1 comment
  • NFT Preview


    petemac281•220
    Submitted 8 months ago

    N/A


    1 comment
  • Time Tracking App (using json data)


    petemac281•220
    Submitted 9 months ago

    n/a


    1 comment
  • Newsletter Sign Up using JS validation


    petemac281•220
    Submitted 9 months ago

    I tried to apply multi-level media queries to gradually change elements of the page but for some reason, whichever one I put second never got picked up. I messed about with it but couldn't work out why.


    1 comment
  • Article preview - Javascript


    petemac281•220
    Submitted 10 months ago

    n/a


    1 comment
View more solutions

Latest comments

  • Amneisa•230
    @AmneisaOB
    Submitted 8 months ago

    tip calculator

    1
    petemac281•220
    @petemac281
    Posted 8 months ago

    Nice work! Aside for a few styling differences, it's perfect

  • Oswald•490
    @Oswalld
    Submitted 8 months ago

    loopstudios-landing-page-main

    1
    petemac281•220
    @petemac281
    Posted 8 months ago

    Great work. Getting the desktop layout wasn't easy and you've done that pretty well

  • Oswald•490
    @Oswalld
    Submitted over 3 years ago

    nft-preview-card-component-main

    1
    petemac281•220
    @petemac281
    Posted 8 months ago

    Great job. Nicely done

  • Pablo Zallio Web Developer•260
    @Pablo-Zallio-Dev
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    The most important thing about this project is that even though it took me a long time I was able to finish it.

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

    I had a hard time with the logic in the JavaScript part.

    Time tracking dashboard

    1
    petemac281•220
    @petemac281
    Posted 9 months ago

    You did a great job with this. It works, it looks good. What more can you ask for?

  • Thomas•550
    @TomSif
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I started with the design of the mobile version, then the success message and then I adjusted the media queries for the desktop version, once the whole structure was perfectly finished, I started on the javascript part. At first I was really overwhelmed, I didn't know where to start but by listing my needs and how to proceed I was able to find a solution that wasn't too complex. I probably should have done things differently on how to hide the main container, I modified the display directly in the css with javascript, I probably should have added a .hidden class but I didn't have the courage to start again.

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

    Figuring out how to change the border radius directly in the svg file so that it fits the design, I searched a bit. This is by far the most complex project I've done so far and yet it's really a small project on a single page, with little interaction, I realize how far I still have to go. travel and it feels like climbing Everest sometimes, but small steps by small steps, I progress at my own pace.

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

    All advice is welcome, especially on how I structured the project, I am curious to see if there was simpler or how others have proceeded, I would perhaps look at other projects to learn an idea. The JavaScript approach is still a big gap, even if I understand the language, sometimes I have a lot of trouble articulating the functions together.

    Newsletter_sign-up_form_with_success_message( Javascript )

    1
    petemac281•220
    @petemac281
    Posted 9 months ago

    You did great. I'm just starting out, but I look at some of what you did and it gives me thoughts about how I can make my own projects better.

  • hasnatlubaid•130
    @hasnatlubaid
    Submitted 10 months ago

    article preview

    1
    petemac281•220
    @petemac281
    Posted 10 months ago

    Great Job. Really tidy code!

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