Skip to content
OverviewSolutions
6
Comments
6
Isaias
@Isa696

All comments

  • Isaias•80
    @Isa696Posted 23 days ago

    You did great! I just recommend adding some gap or padding inside the cards to ensure they all maintain the same size. I noticed that in windows smaller than 768px, some cards are a little bigger due to different text lengths. Additionally, you might consider using the main tag instead of a div. These are just slight adjustments. 🙌

    0
  • Isaias•80
    @Isa696Posted about 1 month ago

    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
  • Isaias•80
    @Isa696Posted about 2 months ago

    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
  • Isaias•80
    @Isa696Posted about 2 months ago

    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
  • Isaias•80
    @Isa696Posted about 2 months ago

    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
    @RapasamSubmitted 3 months ago
    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.

    Visual Studio Code for writing HTML and CSS

    1
    Isaias•80
    @Isa696Posted 2 months ago

    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