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

Using transform property of css

vidya 10

@vidyampatil

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

@AgusSaMac

Posted

Hello, congratulations for finishing your project!

Here's some feedback:

  • Check your accesibility issues and html issues you seem to have quite a few of them.
  • For coding CSS, use a second file named Styles.css and link it to your html, this is for ease of reading, both for you and any other programmer that checks on your code.
  • The background color should be covering the entire space, for this try and declare it in the body { } element.
  • I would advise you use flexbox or grid for this challenge.

Hope this is helpful, and all the best in your coding adventure!

Have a great day!

Marked as helpful

0
Bea 40

@Bbeai

Posted

Hi, congratulations to complete this challenge. This tip maybe help you. Another way to add a font-family is put to --Header-- the link from google fonts. For example:

<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">

After add to css document: font-family: "Outfit", Arial, Helvetica;

It show the "Outfit" font-family. If "Outfit" is not available, it showes "Arial" or "Helvetica".

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