Skip to content
OverviewSolutions
8
Comments
5
roopxx
@roopxx

All comments

  • roopxx•120
    @roopxxPosted 8 months ago

    @Marco-Silvera Your solution is really great like 99.9% match. Great work !

    0
  • Vitor Souza•240
    @souza-vitorSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    It was a bigger project than the last ones that I was happy with. I'm happy to have completed the challenge.

    What challenges did you encounter, and how did you overcome them?

    I had problems adjusting the table and getting it close to the proposed design. I needed to test some attributes to see how the styling was affecting the table. I didn't know how to style bullet points, it was a good opportunity to learn.

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

    Was I able to make my HTML semantic? Any tips will be very welcome.

    recipe-page

    1
    roopxx•120
    @roopxxPosted 8 months ago

    Hey @souza-vitor,

    Great job on completing your project, it looks good!

    In terms of HTML semantics, try using specific tags like <header>, <nav>, <main>, etc., instead of just <div>. I, myself, is beginner but looking at your html, it looks semantic.

    Keep up the good work!

    1
  • roopxx•120
    @roopxxPosted 8 months ago

    @canavesix , your solution looks nice and aligned correctly as per the design. Except I would like if you make the main card height similar to the design solution. What you can do is remove the height height: 885px; and make the spacing between the headings match correctly to that of design file ( you can do that by resetting the default syles and then adding margins and padding as per your choice) so as to make your card not look too big.

    * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

    Other than that your solution's bg-color, text-color and font-size looks good.

    0
  • roopxx•120
    @roopxxPosted 8 months ago

    Awesome work @caioalvesp !

    Your solution looks really good. Can't see any issues with your css styles so just letting you know you did it really well. Keep up!

    Marked as helpful
    1
  • HussainAzimi•120
    @HussainAzimiSubmitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I can learn new things from completing this challenge and I would like to use them in future challenges

    What challenges did you encounter, and how did you overcome them?

    the div position was the challenge I encountered; fortunately, I could overcome it by searching and finding the solution.

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

    I need more help in these areas of my code: 1- flexibility 2- clean and light

    QR code component solution using CSS Flexbox

    4
    roopxx•120
    @roopxxPosted 8 months ago

    @HussainAzimi, you did it really well, esp. the box-shadow around the main component ( I struggled for that and aligning the image ). However I would like to make note of the component not being centered vertically, maybe trying out column flexbox can come handy or perhaps auto margin along y axis ;-)

    0