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 MAIN COMPONENT

@UriasKermue18

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


Feedback is highly welcomed.

Community feedback

Dieu Donne 150

@d-donne

Posted

Hi. Good job so far. You could use border-radius on your container to make the edges rounder.

Font

The link to the font used in the design is in the style-guide file. Better still, just add this to the the top of your css: @import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;700&display=swap";

and then set the font-family as

body {
font-family: "Public Sans", sans-serif;
}

This should bring the design closer. Also ask questions if you need more clarification.

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