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

Mudassir-Coder

@Mudassir-Coder140 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

  • Responsive Testimonial Sections Using the Property of Grid.


    Mudassir-Coder•140
    Submitted 11 months ago

    1 comment
  • Responsice Card layout using CSS property known as Flex


    Mudassir-Coder•140
    Submitted 11 months ago

    1 comment
  • Responsive Layout Using CSS property Known as Flex


    Mudassir-Coder•140
    Submitted 11 months ago

    0 comments
  • Solution to Product Preview Using Grid (Easy to Understand).


    Mudassir-Coder•140
    Submitted 11 months ago

    1 comment
  • Recipe Page


    Mudassir-Coder•140
    Submitted 12 months ago

    1 comment
  • Build Social Links Using Simple Flex Properties


    Mudassir-Coder•140
    Submitted 12 months ago

    1 comment
View more solutions

Latest comments

  • Radwan-Sghir•100
    @Radwan-Sghir
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    inaccurate proportions cuz no figma

    Solution for testimonials grid section challenge

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 11 months ago

    You are using img tag for background image. You can also set it by using this code

          background-repeat: no-repeat;
          background-position-x: 90%;```. Instead of using ```img``` tage in HTML.
    
  • Journey-Grinder•150
    @Journey-Grinder
    Submitted 11 months ago

    Challenge-10

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 11 months ago

    Yours box-shadow property not seems to be well design. However you can set it in the Devtools that is builtin inside the chrome you can set it in a very easy way as compared to text-editor.

  • Nika Bibileishvili•280
    @kikilo123
    Submitted 12 months ago

    Product preview card component html css

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 11 months ago

    Your Image is not curve on top left and bottom left which is not include in design your should use border-radius-top-left and border-radius-bottom-left CSS property to set it.

  • Zakaria Jamali•140
    @ZakJam
    Submitted 12 months ago

    Recipe page

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 12 months ago

    You should use "table" tags instead of just "p" tags this will cause accessible problems. This is mainly the tabel according to paragraph written above "This Table Shows...." but the browser doesnot understand it however it look like a table but it based on the language that you used to build a webiste. If you will work on large projects this could not be helpful.

    Marked as helpful
  • Martin Malyska•190
    @kulalax
    Submitted 12 months ago

    Social Links Profile

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 12 months ago

    Much close widths of links must be 90% of its container Great work

    Marked as helpful
  • Leow Wei Lee•50
    @LeowWeiLee
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    HTML & CSS practice

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

    Google online for some of the functions

    blog-preview-card-main

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted 12 months ago

    You must use Flex Property on the main container to center the card furthermore You added a lot of margin between the text.

    Marked as helpful
View more comments
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

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