Skip to content
Submitted over 1 year ago

Basic CSS and HTML On vscode

Ro•20
@DevRomu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What I found difficult about this project was looking at CSS and organizing everything to work, any tips and tricks on improving my CSS would be appreciated.

Used basic HTML to code out the web-page, I used stacked overflow to help code out everything.

Community feedback

  • Mamadou Mar•550
    @Mar1362Posted over 1 year ago

    Hi, i congrats you for finishing the challenge your code is cool. And here you go with few suggestions. Hope it will help you improving.

    • you don't need as much div as you added. I think that just one would be ok. Of course, if you do so you have to set the paddings so the content will be centered in the card as it is shown in the design
    • #Bolded_Paragraph and #Paragraph have same font-size in your code but they normaly don't according to the design
    • You must center your paragraphs as you can see it in the design. In order to do so, you have just to use the property text-align with the value center like that text-align: center;. Just add it to the paragraphs and you're done.

    Happy Coding ;)

    Marked as helpful
    2

Please log in to post a comment

Log in with GitHub

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