Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
3
Key-Bro
@Key-Bro

All comments

  • mdohr07•60
    @mdohr07
    Submitted 19 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the random quotes, I think they're pretty fun :)

    What challenges did you encounter, and how did you overcome them?

    I have problems with using Math.random, but I have problems with math in general 😅 Can't say I overcame this, asked chatGPT. I'm thinking maybe I can just memorize the formula of how to do this 👀

    What specific areas of your project would you like help with?

    I know it isn't pixel perfect, but I would like to hear other ideas of how to improve the functionality or accessibility, JavaScript or other.

    Social Links Profile

    1
    Key-Bro•70
    @Key-Bro
    Posted 19 days ago

    Your solution is clean and matches the design well. The structure is accessible and well organized. You might want to double-check the font path, and consider using column instead of column-reverse for button order.

    Marked as helpful
  • mohamed azoz mahoud•290
    @MohamedAzoz
    Submitted about 2 months ago

    Blog-preview-card

    1
    Key-Bro•70
    @Key-Bro
    Posted 26 days ago

    Your solution looks like the design; it's just a little smaller. You could add a border to the "card".

    Marked as helpful
  • Saad Hussain•10
    @saadhn4
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    figuring out how to make it look like the design (sort of)

    What challenges did you encounter, and how did you overcome them?

    figuring out how to make it look like the design

    QR Code Card

    1
    Key-Bro•70
    @Key-Bro
    Posted about 2 months ago

    The layout looks really close to the original design, and it adapts well to different screen sizes, which is great. The code is clean and well-structured, making it easy to read and understand.

    That said, there are a couple of areas where you could improve the project a bit:

    1. Semantic HTML: You're currently using only <div> elements for structure. While that works, using semantic tags like <main> for your main content would make the HTML more meaningful. It also helps with accessibility and SEO.

    2. Font family: One small thing: the font in your solution doesn't match the design. The challenge specifies using the "Outfit" font, which you can include via Google Fonts if needed.

    Overall, you're on the right track and just a few small changes would really polish up the project. Let me know if you want any help implementing these suggestions.

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