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

Mudassar Majeed

@mudasarmajeed5Rawalpindi160 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!

I’m currently learning...

Currently I am learning Javascript, yes I am new to web development.

Latest solutions

  • Not responsive, but the logic is pretty much working


    Mudassar Majeed•160
    Submitted over 1 year ago

    0 comments
  • Responsive basic HTML CSS social profile card.


    Mudassar Majeed•160
    Submitted over 1 year ago

    0 comments
  • Completed within 10 minutes using flexbox and grid to align items.


    Mudassar Majeed•160
    Submitted over 1 year ago

    1 comment
  • Responsive for both pc and mobile (not for higher resolution phones.)


    Mudassar Majeed•160
    Submitted over 1 year ago

    0 comments
  • Responsive for both pc and mobile (not for higher resolution phones.)


    Mudassar Majeed•160
    Submitted over 1 year ago

    0 comments
  • Clipboard Landing Page using | Flex & Grid. |


    Mudassar Majeed•160
    Submitted over 1 year ago

    1 comment
View more solutions

Latest comments

  • Wiil Eshezo•140
    @Wiileshezo
    Submitted over 1 year ago

    FAQs accordion

    2
    Mudassar Majeed•160
    @mudasarmajeed5
    Posted over 1 year ago

    I have checked seen your solution and it looks really cool and especially the part where we can expand a question using the + icon so the previous question that was seen before automatically closes giving a user-friendly experience.

  • vcgmuse•70
    @vcgmuse
    Submitted over 1 year ago

    Fully Functional and Accurate - Mobile and Desktop Design.

    3
    Mudassar Majeed•160
    @mudasarmajeed5
    Posted over 1 year ago

    Yes, your solution is perfect, the logic building is perfect, but I would suggest giving specific width and height of the card for PC and laptop users because on my browser it's taking full width and the card looks a bit un-natural. You can Improve it further i.e. setting width and height to 600px and 400px, further you can add cursor:pointer; when we hover over the SVG, and you can set the opacity of the SVG to 70%, when we hover it should be set to 100% using CSS with a smooth transition to give it a feel of a button.

    Marked as helpful
  • Fidelisuzoma•380
    @UzomaFidelis
    Submitted over 1 year ago

    Mobile first solution

    1
    Mudassar Majeed•160
    @mudasarmajeed5
    Posted over 1 year ago

    Yes, your website looks pretty much good but there is one problem you should try to improve it. The card is overflowing vertically on some resolutions, its preferred to use units like | height:100vh;

    Marked as helpful
  • Tsiangana Zau•300
    @Tsiangana
    Submitted over 1 year ago

    Funny and functionality calculator with html, css and js

    1
    Mudassar Majeed•160
    @mudasarmajeed5
    Posted over 1 year ago

    The themes are so cool

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