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

Mubeen Shaikh

@MubeenAhmadShaikhIndia160 points

A student learning Web Development😃

I’m currently learning...

JavaScript

Latest solutions

  • Loopstudio Landing page


    Mubeen Shaikh•160
    Submitted over 3 years ago

    0 comments
  • Testimonials Grid Section


    Mubeen Shaikh•160
    Submitted over 3 years ago

    1 comment
  • Article preview component


    Mubeen Shaikh•160
    Submitted over 3 years ago

    1 comment
  • Profile Card


    Mubeen Shaikh•160
    Submitted over 3 years ago

    0 comments
  • Stats Preview Card


    Mubeen Shaikh•160
    Submitted over 3 years ago

    0 comments
  • Order summary card


    Mubeen Shaikh•160
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • PryceIsRight•100
    @PryceIsRight
    Submitted over 3 years ago

    Responsive NFT Preview Page using Flex mostly for Alignment.

    5
    Mubeen Shaikh•160
    @MubeenAhmadShaikh
    Posted over 3 years ago

    Looks good, you can add h1 tag instead of h3 for that accessibility issue.

    Marked as helpful
  • jsl•10
    @justsomeletter
    Submitted over 3 years ago

    Inheritence

    3
    Mubeen Shaikh•160
    @MubeenAhmadShaikh
    Posted over 3 years ago

    Looks good I have following feedbacks for you,

    • you can use flexbox instead of margin:auto for aligning the card in center. You can refer this Flexbox guide
    • And for responsive site you can refer Beginner's guide to media queries

    If you get stuck checkout my solution. Hope this helps you

  • Mohammad Ebrahimi•250
    @moheb2000
    Submitted over 3 years ago

    NFT card component using flexbox and pseudo classes

    3
    Mubeen Shaikh•160
    @MubeenAhmadShaikh
    Posted over 3 years ago

    Good work MOHAMMAD EBRAHIMI,

    You can add your svg icon z-index of 2 it will be then displayed on top

    Hope this helps you :)

    Marked as helpful
  • Florin.Porut•380
    @zastar23
    Submitted over 3 years ago

    Respunsive agency landing page

    2
    Mubeen Shaikh•160
    @MubeenAhmadShaikh
    Posted over 3 years ago

    The grid part is actually challenging. I have following suggestions for you:

    • The transform and stand out text content is aligned to the center you can align them to left.
    • The graphic and photography images are of mobile view, you can change them to desktop images using media queries with background property.

    you can refer my solution but I would suggest only if you get stuck.

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