Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
25
Comments
3
SuperSet1607
@mohit1607

All comments

  • Gavin Lang•30
    @GavinLang9
    Submitted almost 3 years ago

    Used flexbox and grid

    2
    SuperSet1607•310
    @mohit1607
    Posted almost 3 years ago

    Hi Gavin You got it almost perfect. I assume you are working with Laptop so, you from your side done well, you can use an extension called Perfect-pixel to imitate the design as same, @ApplePieGiraffe recommended it to me. And You can use font-size in "rems" instead of "px" followed by declaring a font-size percentage. Default font-size is 16 px so you alter set that and use it in "rems". Another minor things I noticed are html issues that You did'nt used heading in sections, I will not go into details but you can see your accessibility reports and improve them. I think for UI, you did a great job.

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted almost 3 years ago

    Pure CSS FAQ Accordion Card With Sweet CSS Animations

    #accessibility#sass/scss
    19
    SuperSet1607•310
    @mohit1607
    Posted almost 3 years ago

    hi @ApplePieGiraffe your work with sass is amazing but I have one question in mind that how do you exactly have idea about the perfect size like mention design ? Cuz when I try I only declare the % of size of 100% of the font size and then use them as rem but kind of never achieving the same results as metion design. Please help I will appreciate.

  • D. Jaime Blockton•180
    @digigrrl525
    Submitted almost 3 years ago

    NFT preview card

    1
    SuperSet1607•310
    @mohit1607
    Posted almost 3 years ago

    Hi D. Jaime Blockton great work. It's amazing that you made the card almost same as mentioned. I want to bring your attention also to the html and accessibility issues. The report is telling that you have 9 accessibility issues. One of them is including the content in <main></main> tag and another is including alternet text in image tag. i.e like that <img src="./anything" alt="imgaeName" > . That's it . You are awesome keep doing the exclellent work.

    Marked as helpful
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