Submitted over 1 year ago

QR Card Challenge Using HTML/CSS

Kibur Yoseph• 310

@Kiburstgr

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

This was my first project on HTML/CSS and it really helped me see the workflow and the brainstorming aspect of things. There were a few concepts I forgot like margins and max-width/height but a quick google search provided the results. Flex-box was really a pain for me to learn but working with it really helped me get a hang of it.

Community feedback

RabicaTahir• 500

@RabicaTahir

Posted over 1 year ago

1- First thing first don't be scared of flex try learning more about it also it will help you to make the site or the landing page reponsive. 2- It you want to learn about how to create responsive site then you should know how to use flex because it will make the work alot more easier. 3-As for your solution, overall it's good just try to work on CSS.

Marked as helpful

Kibur Yoseph• 310

@Kiburstgr

Posted over 1 year ago

@RabicaTahir Thanks for the comment. Flex has really been a problem for me but I think I'm getting the hang of it now. I'll still take some time to master it though since you mentioned it will be important for responsive sites and all. I also plan on taking more time on CSS since there are lots of attributes that I want to familiarize myself with before I got to JS.

Appreciate the help :)

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