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

muhamad

@noheezybucketSénégal360 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

  • Testimonial Grid Section


    muhamad•360
    Submitted about 2 years ago

    0 comments
  • Bookmark Landing Page with React & Tailwind

    #react#tailwind-css

    muhamad•360
    Submitted over 2 years ago

    0 comments
  • Chat App CSS

    #sass/scss

    muhamad•360
    Submitted over 2 years ago

    0 comments
  • Manage Landing Page with React/Tailwind

    #tailwind-css#react

    muhamad•360
    Submitted over 2 years ago

    0 comments
  • IP Address Tracker with SASS/SCSS and Fetch API

    #sass/scss#fetch

    muhamad•360
    Submitted over 2 years ago

    1 comment
  • Responsive Fylo Dark Theme Landing Page with ReactJSand TailwindCSS

    #react#tailwind-css

    muhamad•360
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Johandry López•220
    @DarKaRor
    Submitted almost 3 years ago

    Interactive Card Details Form | ReactJS, SASS, BEM

    #bem#react#sass/scss
    1
    muhamad•360
    @noheezybucket
    Posted almost 3 years ago

    Hellooo I checked the result you provided for this challenge.

    In my opinion :

    • You should check the position of the card it's not well centered on the Y-axis.
    • You should check the responsiveness of the page so it can adapt to all types of screen.
    • Check the report for your HTML code, seems like you did not used the max-length property the right way.
    • For the number input you did not limit the number of input to 16 I think it's stopping at 19 numbers.

    Except that you did a great work. Good job mate.

    Marked as helpful
  • Oishik Biswas•70
    @pippal5536
    Submitted almost 3 years ago

    Profile card with CSS flex box and mobile first approach

    2
    muhamad•360
    @noheezybucket
    Posted almost 3 years ago

    Hi ,

    Your HTML code is clean. Seems like you project is looking great on all screen sizes:), but I think you can put some side margin at 320px, there's no space between the body and the borders of the card.

    I hope that you will find the answer of your questions right here :

    a- https://www.w3schools.com/css/css_background.asp

    b- to center the avatar between two divs you can try this in your css:

    .avatar img { position: absolute; top: 50%; transform: translateY(-50%); }

    .avatar { position: relative; }

    Keep coding man.

    Marked as helpful
  • Travolgi 🍕•31,300
    @denielden
    Submitted over 3 years ago

    NFT preview Card component with TailwindCss

    #tailwind-css#accessibility
    6
    muhamad•360
    @noheezybucket
    Posted over 3 years ago

    Woaw nice, Tell me, how did you do to make your site as close as the design ??

  • Nick OD•270
    @NickODxyz
    Submitted over 3 years ago

    Profile Card Component

    2
    muhamad•360
    @noheezybucket
    Posted over 3 years ago

    Hi Nick,

    For the background images in this challenge, I've putted the images in the HTML and then use position: fixed; property in the CSS to make it stand in the background.

  • Irina Lagutina•640
    @FoxMalder-coder
    Submitted over 3 years ago

    3-column preview card: adaptive (media queries, CSS grid layout)

    1
    muhamad•360
    @noheezybucket
    Posted over 3 years ago

    Hello nice work !!! Can you tell me how you did to make your projects dimensions identical to the design ?

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