@Marco-Silvera
Submitted
@roopxx
@Marco-Silvera
Submitted
@roopxx
Posted
@Marco-Silvera Your solution is really great like 99.9% match. Great work !
@souza-vitor
Submitted
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.
@roopxx
Posted
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!
@canavesix
Submitted
@roopxx
Posted
@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.
@caioalvesp
Submitted
@roopxx
Posted
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
@HussainAzimi
Submitted
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
@roopxx
Posted
@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 ;-)