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

sanny 20

@petersanny

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 to make mobile size

Community feedback

@mehalimes

Posted

Use media queries

Marked as helpful

1

sanny 20

@petersanny

Posted

ok thanks @mehalimes

0
Kevin 740

@kevinfreitasv80

Posted

Where the QR Code?

Marked as helpful

0

sanny 20

@petersanny

Posted

ok thanks @kevinfreitasv80

0
sanny 20

@petersanny

Posted

@kevinfreitasv80 i don't know why the QR code is not showing can you help me out?

0
Kevin 740

@kevinfreitasv80

Posted

@petersanny You need to put the correct QR Code path for the img tag

example

  • imgs/qrcode.jpg
  • index.html
  • styles.css

In img tag:

  • <img src="./imgs/qrcode.jpg" />
0
sanny 20

@petersanny

Posted

@kevinfreitasv80 ok thank you very much!

0

@kyusufm

Posted

For this case i don't think we need a mobile size, since the card size probably 250-ish but if you want to create different style for the mobile you can add media query in

/*your current css*/

/* add this below*/
@media (max-width: 375px) {
    /* Styles for screens with a width of 375 pixels or less */
}

For the solution, it should be better if you put it live on vercel or netlify.

Marked as helpful

0

sanny 20

@petersanny

Posted

alright thank you @kyusufm

0

@kyusufm

Posted

@petersanny best of luck on your journey!

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