Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
2
Comments
2
ayx
@ayx234

All comments

  • Csaba Hell•220
    @hellcsaba
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm happy that I used semantic HTML5 in my solution whether I'm not a 100% sure that I used it at the best. Moreover, I learnt that the max-width css property can have fit-content value which can be useful for my future projects. Maybe next time it would be nice to try out the mobile design first approach.

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

    I didn't know how to make the learning category tag's background properly. After research on the internet I found the fit-content value.

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

    I used semantic HTML5 markup, however I'm not sure in my solution. Would it be better to include the blog-image in the content section?

    Blog preview card

    1
    ayx•60
    @ayx234
    Posted 12 months ago

    Hello,

    Your code is well structured, and I only have minor notes:

    • Think of the design components in terms of their placements. This article card will be part of a page which will already have an <h1>. <h2> is better as a header for this card.
    • You included an overflow: hidden; for the body, but why would you want to hide a part of major page section?
    Marked as helpful
  • Deepak Kumar•80
    @Deepak4511
    Submitted 12 months ago

    qr-code-challenge

    1
    ayx•60
    @ayx234
    Posted 12 months ago

    Hello Deepak,

    I hope you find my feedback helpful.

    Looking at your solution I can see that your page scaled differently than the provided design. I had the same problem on my first submit! Try displaying the design images using the original dimensions (375 x 812)px for the mobile design, and work on the measurements from there.

    I also see that you included the "Outfit" font on your CSS. It doesn't display because you didn't include the required <link /> tags on your HTML. On the font's URL: https://fonts.google.com/specimen/Outfit click on the shopping cart icon (top right) then click on "embed code." On the page that opens you'll be able to copy the required tags.

    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