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

Responsive QR using Tailwind

Louie 100

@Iouie

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


Getting the right width of everything

Community feedback

@PeterSamuel2001

Posted

I don't recommend that you use tailwind as a begginer. Take your time to learn css properly as tailwind is just classes written in html. It's not gonna teach you proper css in my opinion.

And reading the code was a nightmare for me, this is not a testimony to the quality of your code as it is a testimony of how messy tailwind is when you're reading someone else's code.

Edit: You should try to mimic the design as best as you can in my opinion.

Good luck!

1

Louie 100

@Iouie

Posted

@ZedKaze

I wouldn't really say I'm a beginner since I've had experience with html/css and JS. Right now I'm trying to learn how to make websites more responsive using TailwindCSS.

Yeah, Tailwind could be a nightmare to read since all the css stuff is put inside a class. Appreciate the feedback though!

1

@PeterSamuel2001

Posted

@Iouie

Oh, good for you then. Tailwind isn't that hard when you have prior knowledge with css so it won't take you long before you become good at it.

Goodluck!

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