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

JonDoesFrontEnd

@JonDoesFrontEnd30 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

  • Blog preview card vanilla HTML/CSS


    JonDoesFrontEnd•30
    Submitted 12 months ago

    I'm always happy to receive any feedback/resources on writing proper HTML/CSS :)


    1 comment
  • Results Summary


    JonDoesFrontEnd•30
    Submitted 12 months ago

    HTML/CSS best practices! Right now I feel like my solution is cluttered with a million div/span tags. When I took a html-basics course the teacher stressed that we only should use div tags when we really needed them, since they are devoid of any semantic meaning. But I'm not sure there's a good way to do this otherwise?


    1 comment
  • QR code component


    JonDoesFrontEnd•30
    Submitted 12 months ago

    I'd love some feedback about best-practices, especially when it comes to css!


    2 comments

Latest comments

  • ziedlahbib•80
    @ziedlahbib
    Submitted 12 months ago

    Flexbox,Custom

    2
    JonDoesFrontEnd•30
    @JonDoesFrontEnd
    Posted 12 months ago

    I cannot view the code, but try to look in the design files for more tips about fonts and colors :)

    In these free+ challenges there's also figma files where you can see exactly what sizes they've used

  • Shoaib Bin Rashid•120
    @Shoaib-Bin-Rashid
    Submitted about 1 year ago

    QR code component solution using HTML and CSS

    1
    JonDoesFrontEnd•30
    @JonDoesFrontEnd
    Posted 12 months ago

    Nice job! I the looks very readable, and good that you added an alt to the image (I believe I forgot that).

    The only feedback I can think of is that "line2" isn't the most clear classname - maybe "description" or "body text"?

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