Skip to content
OverviewSolutions
13
Comments
2
a-fox-on-the-moon
@a-fox-on-the-moon

All comments

  • a-fox-on-the-moon•170
    @a-fox-on-the-moonSubmitted 10 months ago

    Hi !

    I tried my best with this challenge.

    I struggled a LOT with the gradient and the circle. I don't think I coded this the right way. I used icons from "Font Awsome" for the Summary part because I didn't saw that they were in the starter pack x(

    I did the desktop style first because it's easier for me and I added a few media queries to make it approximately responsive.

    I have some problems when the page is translated in another language (french), the first score is written "80 / 100_" and all in bold, don't know why. Is there something I can add in the head of the HTML to correct this ?

    I'd love some feedbacks on this code because I think it is really far from being good.

    Thanks a lot in advance :)

    Results summary component using HTML and CSS

    2
    a-fox-on-the-moon•170
    @a-fox-on-the-moonPosted 10 months ago

    Hi @danielmrz-dev !

    I did a box-shadow at first but then the result wasn't good, the right section doesn't go "under" the left section, you can see the top left and bottom left corners and it isn't like this on the original design.

    I wanted to put a screenshot here to show you but it doesn't work so I updated the code on GitHub if you can look at it

    Thanks for your feedback !

    1
  • a-fox-on-the-moon•170
    @a-fox-on-the-moonSubmitted 11 months ago

    (please excuse my many mistakes in english, it's not my native language)

    I'm a newbie in the field so I tried my best ! Let me know if you have some suggestions to make this code simpler and clearer :)

    QR code component using HTML and CSS

    2
    a-fox-on-the-moon•170
    @a-fox-on-the-moonPosted 11 months ago

    Hi ! Thanks a lot for your feedback ! I will make the changes.

    I have trouble knowing when and how to use the %, rem, px etc for the width and height. Can you help me with that, please ?

    When I put the min-height : 100vh on the body, a vertical scroll bar appears, any idea why ?

    For the media queries, isn't simpler to do the wide screen styles first and the mobile styles after ? For the few projects I've done, I always did the wide screen first :/ I have the feeling that it simpler to do so because I usually remove some elements on the mobile styles...

    0