Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7
Mudassir-Coder
@Mudassir-Coder

All comments

  • Radwan-Sghir•100
    @Radwan-Sghir
    Submitted about 1 year 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 12 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 about 1 year ago

    Challenge-10

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted about 1 year 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 about 1 year ago

    Product preview card component html css

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted about 1 year 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 about 1 year ago

    Recipe page

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted about 1 year 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 about 1 year ago

    Social Links Profile

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted about 1 year ago

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

    Marked as helpful
  • Leow Wei Lee•50
    @LeowWeiLee
    Submitted about 1 year 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 about 1 year 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
  • DunkelMaximus•10
    @DunkelMaximus
    Submitted about 1 year ago

    QR-Code-Component

    1
    Mudassir-Coder•140
    @Mudassir-Coder
    Posted about 1 year ago

    You increased the font weight too much as compared to given project's text. The heading Font weight is 900 and text weight is 300 also height of the container is maybe around 300px to 400px. Overall Your design is good. Keep practicing

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