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 Component

sakshi-bitā€¢ 10

@sakshi-bit

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


How do i choose whether i have to use CSS grid or CSS flex property?

Community feedback

Shivaā€¢ 670

@shivaprakash-sudo

Posted

Hello Sakshi,

Congrats on submitting your first challenge!

The card looks very good and even the code looks neat enough, the only things which need to be changed are:

  • Try to wrap the card inside a main tag, for more semantic approach.
  • You can put the screenshots in the README-template.md and update that accordingly, instead of updating the default README file.

Regarding flexbox and grid, you don't need any of them for this project, they only come into picture when there are multiple rows and columns involved.

Happy coding and good luck to your next projects!

Marked as helpful

1

sakshi-bitā€¢ 10

@sakshi-bit

Posted

@shivaprakash-sudo Thanks for your feedback!

0

@VCarames

Posted

In general, Flexbox is a one-dimensional layout model while Grid is a two-dimensional, which allows users to layout content in rows and columns.

Flexbox is helpful when dealing with a single row/column (like this project).

Grid on the hand is better when dealing with multiple rows/columns. Examples: https://freefrontend.com/css-grid-examples/

Marked as helpful

1

sakshi-bitā€¢ 10

@sakshi-bit

Posted

@vcarames thank you!

0

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