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

Muhammad

@muhammad-jon200 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

  • interactive-rating-component with html css js


    Muhammad•200
    Submitted almost 2 years ago

    0 comments
  • QR code component width display: flex


    Muhammad•200
    Submitted almost 2 years ago

    23 comments

Latest comments

  • Isoqova avoqosI•350
    @isoqovaogilshod
    Submitted almost 2 years ago

    New-Challeng-3-Isoqova

    9
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    wrap div.container to div and then give style to this div:

    {
    display: flex;
    align-items: center;
    justify-content : center;
    width: 100vw;
    height: 100vh;
    }
    

    remove margin-top from div.card-global

    get flex-gap from figma and user for div.summary

    when button hovering add transition

    open with gap between div.purple-side and div.white-side

    Marked as helpful
  • Gavharoy_004•340
    @gavharoyabdurahimova
    Submitted almost 2 years ago

    html css dan foydalandim:

    4
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    change font family to : sans-serif

    wrap .cards class to div and then give style to this div:

    display: flex;
    align-items: center;
     justify-content : center;
    width: 100vw;
    height: 100vh;
    }
    

    for create .circle use background linear gradient instead of background color

    change the icons

    Marked as helpful
  • Sardor Karimov•500
    @captainsurxon
    Submitted almost 2 years ago

    Prepare in CSS

    14
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    change :

    .container {
        width: 100vw;
        height: 100vh;
        background-color: hsl(234, 29%, 20%);
    }
    

    and add to .container:

    display: flex;
    align-items: center;
    justify-content: center;
    

    and give bigger margin to product class

    recenter nav class by using flex-box instead of margin,

    NOTE: never use margin to center objects

    If you haven't figma file, first just create figma by yourself and then write code.

    Marked as helpful
  • Qilichbek•450
    @qilichbek01
    Submitted almost 2 years ago

    parfume

    #cube-css
    7
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    good job

    Marked as helpful
  • Quvonchbek•130
    @Quvonchbek04
    Submitted almost 2 years ago

    Quvonch

    #cube-css
    11
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    figma bilan ishlang, ranglarni shu yerdan oling, button ichidagi icon bilan yozuv yopishib qolibdi

    Marked as helpful
  • FullStack Developer•80
    @FullsackDeveloper
    Submitted almost 2 years ago

    HTML and CSS userfool

    #airtable
    2
    Muhammad•200
    @muhammad-jon
    Posted almost 2 years ago

    sizelarni figmadan oling, boshqacha bo'lib qolibdi , surilib ketgan

    Marked as helpful
View more comments

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