Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
3
HutHut
@j-hutchison

All comments

  • Akshita 👩‍💻•340
    @Shanvie
    Submitted about 3 years ago

    Profile Card Component using custom css properties.

    #accessibility
    3
    HutHut•310
    @j-hutchison
    Posted about 3 years ago

    Hi Akshita,

    Great job on this component!

    I'm still on my journey to improve my front-end development skills, but a couple of things that have helped me with structuring my CSS and HTML better are:

    • Give all html elements a class name, this will help simplify your css instead of nesting element selectors --> To help with this you can look into a naming methodology called 'BEM' (Block Element Modifier) - sometimes it can look a little unsightly but i think it is worth it on larger projects and also if you work with SCSS in the future

    Above all great work and keep it up 👍

    Marked as helpful
  • steezyza•90
    @steezyza
    Submitted over 3 years ago

    QR Code Component

    #accessibility
    3
    HutHut•310
    @j-hutchison
    Posted over 3 years ago

    Hey Great Job!

    One tip for getting your solution proportions correct is to use the Figma files provided, download and unzip the figma design files and then open on the figma website. You can use this to get more detail around sizing and spacing : )

    Overall great job!

  • Devika Sujith•175
    @DCoder18
    Submitted over 3 years ago

    Responsive landing page using CSS Grid and Flexbox

    1
    HutHut•310
    @j-hutchison
    Posted over 3 years ago

    Great job! Had a look through this, and hope i can apply some of what you've done to my own solution! Your solution works great and scales well!

    Couple of small things:

    • hover states not added
    • footer is commented out
    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