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

Autumn

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

  • Single Price Grid using SCSS, Grid, Parcel

    #sass/scss

    Autumn•110
    Submitted over 3 years ago

    0 comments
  • QR Components - HTML & CSS

    #accessibility

    Autumn•110
    Submitted over 3 years ago

    0 comments
  • Responsive Site with flexbox

    #accessibility

    Autumn•110
    Submitted over 3 years ago

    0 comments
  • State-Preview-card-component build with Flex


    Autumn•110
    Submitted almost 4 years ago

    0 comments
  • Order Summary HTML, CSS and Flex


    Autumn•110
    Submitted over 3 years ago

    0 comments

Latest comments

  • Harshdeep Singh•220
    @JrDevHarsh
    Submitted over 3 years ago

    Qr Code Frontend Mentor

    1
    Autumn•110
    @AutumnCod
    Posted over 3 years ago

    Hi!

    Well done to complete the challenge! There is a few suggestions.

    1. Accesbility: For the main content use the main tag. It will tell the people that everything inside the tag is the focus content of the page. And I would suggest to use the article-tag instead of section. -->https://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824
    2. I am aware it is small project but I would always put my css in a seperate file and link them.
    Marked as helpful
  • MuhammadSamir•510
    @Muhammad-samir
    Submitted over 3 years ago

    qr-code with some animation hope y'all like it

    1
    Autumn•110
    @AutumnCod
    Posted over 3 years ago

    It would be great to have a link to the repo, but beside that I like your animation very much. Great work!

    Marked as helpful
  • Beka Parjanadze•230
    @parjana94
    Submitted over 3 years ago

    NFT preview card component

    1
    Autumn•110
    @AutumnCod
    Posted over 3 years ago

    Hi! For the next challenge I would suggest to look up html5 Element. It will help you with your accessibility issue instead of using always divs. Aside from that I noticed the margins are a bit off here. Like you I am using the free challenge only and it helps me to use Figma to get the right padding and margin - or at least being closer to original. Everytime I open a new Design file and use the rectacle tool to measure it out.

  • Adrian•60
    @Aivblack
    Submitted over 3 years ago

    Responsive stat preview using CSS Grid and Flexbox

    #bem
    1
    Autumn•110
    @AutumnCod
    Posted over 3 years ago

    I would suggest that you use: background-blend-mode: multiply instead of screen(on the image)

    Marked as helpful
  • Khalid•230
    @khalteck
    Submitted over 3 years ago

    stats preview component card using CSS flexbox

    2
    Autumn•110
    @AutumnCod
    Posted over 3 years ago

    In the future dont delete the meta data. They have different purpose like responsibility. E.g. : <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

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

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