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

Muhammad Pauzi

@4glightning60 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

  • I used responsive unit like rem to adjust to different size of screen


    Muhammad Pauzi•60
    Submitted 2 months ago

    How do i determine the correct size of margin and padding just based on the design image given?


    1 comment
  • Used flexbox to center the card element


    Muhammad Pauzi•60
    Submitted 2 months ago

    I would like to learn which method is better to use to center element vertically and horizontally in the page?


    1 comment
  • I used flexbox to center the card and also used rem for font sizes.


    Muhammad Pauzi•60
    Submitted 2 months ago

    How do pick the correct font sizes or family for my website? is there a tips on how to set the perfect font size or family to your website to make it more user friendly or make it readable.


    2 comments
  • I used flexbox to make the page to be responsive


    Muhammad Pauzi•60
    Submitted 3 months ago

    Is it okay to use github co pilot for my learning process or is it not good for beginner?


    1 comment

Latest comments

  • P
    Filip Madunický•170
    @FilipKod
    Submitted 2 months ago

    Recipe Page vy FilipKod

    1
    Muhammad Pauzi•60
    @4glightning
    Posted 2 months ago

    I'm learning a lot from your solution very helpful. How do you determine the right margin and padding used for the whole page to be the same as the design?

  • Kasra Parhun•160
    @kasra6
    Submitted 2 months ago
    What specific areas of your project would you like help with?

    Any feedback appreciated! Thank you

    Responsive social links page with html and css

    2
    Muhammad Pauzi•60
    @4glightning
    Posted 2 months ago

    Seeing your work and code made me learn a lot of things. I tried comparing your code to mine and your's is just better in Maintainability, Responsiveness and Scalability. Can you tell me what method do you use? is it traditional css or is it react that your are using?

  • TitoFons1•40
    @TitoFons1
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of being able to do this all by myself, but I still think there is some thing I am lacking of, like optimization and organization.

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

    Mostly I had problems with flexbox, but just looking at old projects I had, I figured how to resolve the problems

    What specific areas of your project would you like help with?
    • Optimization
    • Documentation
    • Organization
    • BEM structure

    STATIC BLOG CARD TO PRACTICE SOME CSS AND HTML

    2
    Muhammad Pauzi•60
    @4glightning
    Posted 2 months ago

    Hi Titofons, if you are using Visual Studio you can use github copilot to help further understands your code or flexbox in your case. What I see missing in your design compared to the design given is your's is missing the border for the card you can just add border: 1px solid black in the card style. Hope this helps.

    Marked as helpful
  • linus-21•50
    @linus-21
    Submitted 3 months ago

    div classes

    1
    Muhammad Pauzi•60
    @4glightning
    Posted 3 months ago

    The solution is smaller than the design and qr code is better to be bigger so visibility of the pattern can be scanned easily using qr code scanner. The color of the font for the p should be more darker so people can read it better. This is just my suggestion in my own opinion.

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