Skip to content
OverviewSolutions
11
Comments
7
Davi Martins Freire
@davimartins017

All comments

  • Davi Martins Freire•160
    @davimartins017Posted 3 months ago

    the html and css are jumbled and confusing

    0
  • Olena•190
    @helenhappSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    In this challenge, I focused mostly on creating a responsive layout and didn't focus much on smaller details, so I didn't get it super close to the design and stopped when it looked just good enough. But I'm still proud of myself for completing it.

    ⭐ Four card feature section (HTML, CSS, Grid, Flexbox) ⭐

    1
    Davi Martins Freire•160
    @davimartins017Posted 3 months ago

    good job!

    0
  • Davi Martins Freire•160
    @davimartins017Posted 3 months ago

    nice

    0
  • Yasser Harzelli•80
    @ItsYasserSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    didn't include fonts because its repetitive

    only html css

    2
    Davi Martins Freire•160
    @davimartins017Posted 4 months ago

    The only difference from the original solution is the sources and spacing in the nutrition part, otherwise everything is fine

    And in relation to what you said about adding fonts being repetitive, you can use a :root to store fonts and colors, for example, which makes it simpler and less repetitive to add fonts in different parts of the code.

    I hope I helped, see you next time!

    Marked as helpful
    0
  • Davi Martins Freire•160
    @davimartins017Posted 4 months ago

    the colors and size of the image are different and the quotation marks are missing, no further comments

    0
  • Davi Martins Freire•160
    @davimartins017Posted 4 months ago

    perfect, you can use "line-height:;" to modify the height of the lines, in my opinion, it was the only difference from the original

    0
  • Chidinma•10
    @ChidiinmaSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I encountered a lot of challenges. One of them being making the code responsive. I haven't still mastered this yet but I used "rem" instead of "px" and I also used percentages in the width of the divs and image. I also used a little bit of media queries. I found difficulty in centering my texts and images. For the texts, I used "text-align" (phew) and for the image, I majorly used "margin". I haven't still perfected the centering of items. All these I did with the CSS.

    What specific areas of your project would you like help with?

    I would like help with media queries and centering items. "justify-content" and "align-items" didn't seem to work even after I've used the "display:flex". Help!

    Responsive QR code using HTML and CSS.

    2
    Davi Martins Freire•160
    @davimartins017Posted 4 months ago

    you put a "display: flex;" in the body of the html, that's why your footer was next to the qrcode, not below. What might help is to divide it better, so you can work with each line separately and using id and class for that

    Marked as helpful
    0