Skip to content
Submitted over 1 year ago

First HTML, CSS solution

atswei•30
@atswei03
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

  • Is this your first project at frontend mentor? Yes.

  • What did you find difficult while building the project? The whole CSS thing. I'm still not used to it.

  • Which areas of your code are you unsure of? The CSS part.

  • Why doesn't it look exactly like what you were supposed to do? Since it's my first project here, I was more focused on being able to at least do something all by myself based on what I've learned so far rather than trying to make it perfect.

Community feedback

  • Neemias araujo•160
    @NeemiasEeepPosted over 1 year ago

    You can look the style guide to see the collors ans fonts in css you can use the element width om your image tag like this img{ width: 100%; } Your text hast to be inside your card elemente, for example

    <main> <img src="image_adress.jpg" alt=""> <h1>Text</h1> <p>paragrafh</p> </main>

    your margin and padding has to be ins others dimensions like:

    margin: 2em 15em;

    Marked as helpful
    1
    atswei•30
    @atswei03Posted over 1 year ago

    @NeemiasEeep Thanks. I realized the use of the style guide when I watched the YouTube video. So I've redone it.

    0

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