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
Request path contains unescaped characters
Not Found
Not Found

Submitted

It's pure HTML and CSS with use of Flexbox. I struggle a lot with it..

Marekโ€ข 40

@Only-Czesio

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ishmaelโ€ข 330

@Ishmaelsealey

Posted

Hi There!

Well done on completing the challenge using html and css only! It only gets easier with practice.

I have some suggestions that I hope you consider and may find useful.

You did not add the font to your css file so it shows up as the default text of the browser, Times New Roman. Go to this google fonts link to get the font for this project. Outfit. Use @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap'); at the start of your css file and include font-family: Outfit, sans-serif; in the styling of your body.

You placed everything in a div with the class of background and then styled the class. Alternatively, you can add the background color to the body element.

For purposes of accessibility, your <h2> tag should be an <h1> tag. You can style the h1 tag so the font size is similar to that of the h2 tag.

I hope you find my suggestions helpful

Happy Coding!

Marked as helpful

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