Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
2

Vitiyah Manimaran

@VitiyahKuala Lumpur, Malaysia180 points

I am a self-taught front-end developer who loves to code

Latest solutions

Latest comments

  • Aaron Li•90
    @aaronli722
    Submitted over 2 years ago

    QR code component solution using CSS Flex

    2
    Vitiyah Manimaran•180
    @Vitiyah
    Posted over 2 years ago

    Hi Aaron, there are no rules/order for general properties, for example width can be followed by height or height followed by width. But for certain types of CSS properties such as flexbox and grid.You cannot place align-items: center first without declaring display: flex. Imagine it like an onion layer.

    And for your question on when to use id and class, you're correct, the basic difference is that id is for unique element and class can be used many times for all the elements that you want to apply a particular styling. But class can also be used for unique elements. I preferably use class all the time for styling purpose and use id for Javascript purposes to just select a particular element.

    Marked as helpful
  • Putra Ahmad Mahirudin•10
    @smirkintj
    Submitted over 2 years ago

    QR Code Component | Beginner coding

    2
    Vitiyah Manimaran•180
    @Vitiyah
    Posted over 2 years ago

    Hi Putra,

    Follow the DRY method, Don't Repeat Yourself to make the code much shorter, for example

    .content h3, .content p { text-align: center; }

    This will make the code much shorter. Otherwise, good coding and great start. Wish you all the best

    Marked as helpful

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