Isaias
@Isa696
All comments
- Isaias• 70
@Isa696
Posted
Hi you did a good job. Real good css clear and readable. But i see flex direction no working on my browser. I 'm using brave Browser
Marked as helpful
0 - KoulibaliDramane• 120
@KoulibaliDramane
Submitted
Isaias• 70@Isa696
Posted
Your desing its almost identical on desktop. Only diference its the margin bottom.
I would recommend checking the mobile design. It will require some media queries to remove the card container and make the image and card width at maximum.
I know this exercise is quite simple, but I think using a CSS reset will ensure total control over margins, paddings, etc.
Also, in my opinion, using relative sizes for paddings, margins, and fonts will result in better responsiveness.
You did a great job!!! 🙌
0 - EnochofGod• 30
@EnochofGod
Submitted
Isaias• 70@Isa696
Posted
Hi, you did a good job! To fix the background color, check the styles README guide. It contains all the styles, colors, fonts, etc.
0 - João Vitor de Souza• 190
@JoaoVitor2004
Submitted
Isaias• 70@Isa696
Posted
i got same problem with gap and padding / margings so i cant help 😔. i ll recomend checkout the figma file. The border-radius i think its 20px. its just a minor detail. You did it great 👍!!!
0 - Raphael Samaglo• 150
@Rapasam
Submitted
What are you most proud of, and what would you do differently next time?
Writing of the CSS was quite fun since it helped bringing imagination into reality.
What challenges did you encounter, and how did you overcome them?
The challenge was the CSS but I was able to work around it by the preview given.
What specific areas of your project would you like help with?
Writing of CSS.
Isaias• 70@Isa696
Posted
Hi your solution its almost perfect. I put attribution to bottom, just as it was a footer. Nothing important for this exercise really 🤣, just a minor detail. I didn`t use grid cause i think flexbox its enough for this.
0