Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR-Code Card Component, with CSS, flex layout, @keyframe for animation

P
JackEG 90

@Yakub357

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I figured out how to make GitHub pages to deploy the files for online server.

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

Making a layout was a bit of challenge for me, but with modern CSS properties like flexbox and grids, I could make it very easily.

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

Because this project is for beginners level, I assume that it already refined, and well organized design files, Figma, help to create Fronend page fast.

Community feedback

Stefan W. 130

@stewil87

Posted

Hello JackEG,

while its not mandatory, the accessibility test says, the site should work on width: 320px viewport, too.

I would recommend (like to use myself) to set the size of the card to: width: min(320px, 100%); //320px card size if enough space, otherwise 100%

Marked as helpful

0

P
JackEG 90

@Yakub357

Posted

Thank you for your valuable feedback. @stewil87

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord