Submitted 11 months ago

HTML, CSS and watching tutorials on how to style the page

Jeremiah Martey• 10

@KofiFloki

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

As a beginner, I struggled knowing the most appropriate tags to use exactly to make my code look cleaner and readable. Took me a long while. I also struggled being able to attach some of the css elements.

I will want to know how developers are able to bring certain ideas in life using HTML. e.g. with Figma, I could have easily drawn the rectangles and put the bar code image on it. Would have been easier to make the corners of the box curved. I struggled figuring out what to do to generate that box and how to style it. What is the trick?

Community feedback

lisztomania23• 170

@lisztomania23

Posted 11 months ago

Kudos! 🎉 on completing your first challenge. Your code looks clean. Just decrease the width a little bit, add padding to the bottom, and you'll have a pixel-perfect version of what you've given to make. Just keep following what challenges ask. Look for solutions in the community, experiment with their code, look for stuff, create some stuff, implement it, and yeah, that's the trick: the more you know, the slower you're going to do things. 👍🚀

Jeremiah Martey• 10

@KofiFloki

Posted 11 months ago

I appreciate this feedback and I will do well to implement it @lisztomania23

Please log in to post a comment

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