Skip to content
OverviewSolutions
5
Comments
4
viitorags
@viitorags

All comments

  • kapowlo•80
    @kapowloSubmitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    html file:Had a problem with the srcset and sizes attributes.When i had set a break point of 800px and above for my sizes attribute,the desktop image was never being used.even on larger screens the webpage would only load the mobile one. I switched to using the picture element and did not encountered this particular issue.

    css file:multiple struggles with border-radius.tried using border-top-right-radius:0; and border-bottom-right-radius:0; to remove the border on right corners and it had a weird behavior. It removed all borders on the corners except the top left one.So the bottom left also was removed even though i did not set the value to 0...

    border-top-right-radius: 0;
border-bottom-right-radius: 0;

    but using border-radius with 4 values fixed it.

    Also ran into an issue with setting border-radius on the image.This was creating white space which I assumed was happening because i had not set the border-radius on the picture element which is the direct parent of the img. But when i did nothing was happening.So i ended up having to put the border-radius on the card too.This eliminated the white space.

    mobile-first-product-preview-card-component

    1
    viitorags•70
    @viitoragsPosted 3 months ago

    Ficou muito bom, parabéns.

    1
  • viitorags•70
    @viitoragsPosted 4 months ago

    Ficou muito bom!

    0
  • gabriel 🍉•70
    @eugabrieldesousaSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    s

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

    s

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

    s

    social media page

    1
    viitorags•70
    @viitoragsPosted 6 months ago

    Parabéns. Ficou muito bom.

    Marked as helpful
    1
  • Jo_WithVision•90
    @Jo-with-visionSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy with my structured HTML, BEM-inspired class names and use of semantic markup. Next time, I will plan and name my custom properties a little better.

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

    Matching the spacing to the design is always a challenge, despite having the values in Figma, it was still a little off. I methodically went through the design file sizing, adding my custom properties to try to match the design..

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

    All feedback welcome.

    Blog Preview Card

    1
    viitorags•70
    @viitoragsPosted 6 months ago

    Hmmm, não sei o que dizer para melhorar, mas na minha visão está ótimo, boa sorte nos seus estudos.

    0