ChristianM-star• 120
@ChristianM-star
Submitted
Claudia
@ClaudiaRamirezD
All comments
- Claudia• 300
@ClaudiaRamirezD
Posted
When using larger sizes, adding margin to the layout instead of the individual card will prevent Daniel's margin-top from misaligning the card.
.Daniel { margin-top: 5rem;}
0 - oduwa-A• 120
@oduwa-A
Submitted
What are you most proud of, and what would you do differently next time?
Figuring out the Grid was surprisingly easy. Using the span element to help the boxes move throughout the grid was a very nice thing to know. I'd see if I could condense the amount of grid elements used next time.
What challenges did you encounter, and how did you overcome them?
Understanding how to place the images was alittle tough. I overcame the problem by messing around with the position element and messing around with size.
What specific areas of your project would you like help with?
I would like to know how to format text better, since I didn't exactly format it as presented.
Claudia• 300@ClaudiaRamirezD
Posted
Well done! Maybe just add some margin-inline to don't get the cards stuck to the edges.
0 - Eman Salama• 120
@emzzz56
Submitted
Claudia• 300@ClaudiaRamirezD
Posted
Very nice job!
0 - Alpaar• 115
@AlpaarX
Submitted
What are you most proud of, and what would you do differently next time?
Comparing to previous projects, this one takes significantly more time and requires thinking more about responsiveness. This time I tried to a "mobile first" approach, which was quite pleasant experience.
What challenges did you encounter, and how did you overcome them?
Mobile to desktop transition and all the margins and paddings that needed to be changed.
What specific areas of your project would you like help with?
I would love to get a feedback and potential shortcuts that I could've done for my CSS solution.
Claudia• 300@ClaudiaRamirezD
Posted
Well done! Remember to add some margin to the card, for example:
@media screen and (min-width: 768px) { .card { margin: 8rem; .... Keep up the hard work!
Marked as helpful
1 - Rabin Gapi• 40
@DeveloperRabin12
Submitted
Claudia• 300@ClaudiaRamirezD
Posted
Good job! Remember that small details matter, such as capital letters and spacing.
0 - mariazhestik• 10
@mariazhestik
Submitted
Claudia• 300@ClaudiaRamirezD
Posted
Hey, remember to indent your code properly. If you don't, it won't work the way you want it to.
0
