Skip to content
Submitted 3 months ago

QR code

Patolin3084•20
@Patolin3084
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am proud to have been able to apply the little knowledge I still have in the area of ​​WEB development.

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

I have to continue practicing the skill of being able to make my designs responsive.

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

I am starting out in the world of WEB development and it really attracts me a lot. I appreciate any type of advice or criticism towards my projects and their presentation.

Community feedback

  • MikDra1•6,980
    @MikDra1Posted 3 months ago
    • One important things that you should take care of, is to center the card. If you struggle with this here is a code snippet that might help you.
    .container {
display: grid;
place-items: center;
min-height: 100vh;
}
    • If you don't know how to make your card responsive here is help:

    This code will ensure that card will take 90% of the container width, but it will never be bigger then the max-width

    .card {
width: 90%;
margin: 0 auto;
max-width: 600px
}
    • You should also take care of the font-family. In the style-guide there is always one given. If you don't know how to implement this font in the code here is a VIDEO about it

    Hope you found this comment helpful 💗

    Good job and keep going 😁😊😉

    Marked as helpful
    0
    Patolin3084•20
    @Patolin3084Posted 3 months ago

    thank you @MikDra1, I will take your advice into account!

    0

Please log in to post a comment

Log in with GitHub

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