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

Peter James M. Cabantog

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

  • Recipe-page


    Peter James M. Cabantog•80
    Submitted 4 months ago

    I think the fundamentals are still my biggest focus—HTML structure and CSS. It always comes back to the basics. I needed to take the time to watch tutorials and read documentation to improve.


    1 comment
  • Social Links Profile


    Peter James M. Cabantog•80
    Submitted 4 months ago

    One thing I’ve started to notice is how important spacing and structure are — especially how elements like the <main> tag and nested <div>s work together. I’m excited to keep learning more!


    1 comment
  • frontend-mentor-QR-code-component


    Peter James M. Cabantog•80
    Submitted 4 months ago

    I think I can handle this project by myself, but the next activity is something new to me. I’ll probably need help with the fundamentals. Someone also left a comment on my last activity, and I plan to look into it to strengthen my foundational knowledge.


    1 comment
  • Blog-preview-card


    Peter James M. Cabantog•80
    Submitted 4 months ago

    The areas I think I need help with are my weak side — the fundamentals — having a hard time with basics like CSS and the structure of the HTML itself.


    1 comment

Latest comments

  • denise ~•60
    @denise-star-glitch
    Submitted 4 months ago

    recipe page main

    1
    Peter James M. Cabantog•80
    @PedroPeterrr
    Posted 4 months ago

    Your work looks good!

    You can improve it to match the initial design by importing the correct font style. You can watch some YouTube tutorials on how to import fonts from Google Fonts. Also, adjust the padding and margin, and make sure to check the style-guide.md to match the colors properly. I also suggest using :root for color variables for better tracking and organization.

    Overall, your code looks good and you have nice comments throughout.

  • Terence Zhang•660
    @TerenceCLZhang
    Submitted 4 months ago

    Social links profile built using basic HTML and CSS

    1
    Peter James M. Cabantog•80
    @PedroPeterrr
    Posted 4 months ago

    I noticed the font size, font weight, and padding are a bit off compared to the design. Tweaking those details will help make your layout more accurate. Your code is clean, and the comments are helpful — keep up the great work!

  • Ale Esc•80
    @Ale-Esc
    Submitted 4 months ago

    Responsive Blog preview card

    2
    Peter James M. Cabantog•80
    @PedroPeterrr
    Posted 4 months ago

    I noticed that your component isn’t centered on the page. Try adjusting the height and width so it displays the same as in the Figma design. You can check out this W3Schools guide on CSS height and width to better understand how to use them effectively.

    Your code looks good — keep it up!

    Marked as helpful
  • Gregorio Valentin Fontana•20
    @valenfontana7
    Submitted 4 months ago

    QR Code component in plain html + css

    1
    Peter James M. Cabantog•80
    @PedroPeterrr
    Posted 4 months ago

    Hello! I noticed that the card text isn't quite centered, and the padding inside the container seems slightly different from the design. I recommend taking another look at the Figma file to match the exact spacing and alignment.

    Also, your code is nicely structured and well-indented — it’s clear and easy to read. Great work on maintaining clean code! Keep it up!

    Marked as helpful

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