Skip to content
OverviewSolutions
6
Comments
6

Tathiani Lima

@TathianiLima120 points

Bacharela em Administração pela Universidade Federal de Alagoas | Pós-graduanda em Engenharia de Software pela PUC Minas.

Latest solutions

Latest comments

  • P
    pablotrack5r3•80
    @pablotrack5r3
    What are you most proud of, and what would you do differently next time?

    I struggle with aligning the text and spacing; it takes me a lot of time to make the page match the design exactly.

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

    A little bit the flex of the cards, but it was easy

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

    The responsive, I think I need to practice more in that :)

    Four Card Feature

    1
    Tathiani Lima•120
    @TathianiLima

    Você foi muito bem 👏👏

  • Roshan Merugu•80
    @Roshan-Merugu
    What are you most proud of, and what would you do differently next time?

    I’m proud that I structured the layout using Flexbox for a clean and responsive design. If I were to do it again, I’d experiment with CSS Grid for better alignment control and explore animations to enhance the user experience.

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

    One challenge was ensuring the image resizing properly for both desktop and mobile views. I fixed this by using [object-fit: cover] and setting max-width constraints. Another issue was dealing with spacing inconsistencies, which I resolved by using [gap] and consistent padding/margin values.

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

    I’d appreciate feedback on code optimization —are there any redundant styles? Also, suggestions on improving accessibility (a11y) and making my CSS more maintainable would be great!

    Product Preview Card using Flexbox

    1
    Tathiani Lima•120
    @TathianiLima

    Olá, você foi muito bem! 👏👏👏

    Gostaria de dar uma pequena sugestão para alinhar com o design proposto pelo desafio, você poderia substituir o emoji do carrinho pelo ícone SVG, que foi disponibilizado no arquivo.

    Ao invés de:

    </div> <button class="button">🛒Add to cart</button> </div>

    Por exemplo, adicionando o diretório da imagem. <button class="botao"> <img src="images/icon-cart.svg" alt="icone-carrinho"> Add to Cart </button>

    Marked as helpful
  • Tathiani Lima•120
    @TathianiLima

    Gostaria de sugerir a mudança na fonte para a que é utilizada no design disponibilizado.

    Você foi muito bem!👏👏👏

    Marked as helpful
  • Tathiani Lima•120
    @TathianiLima

    Muito bem!👏👏

  • P
    VirginiaPatrika•260
    @VirginiaPat
    What are you most proud of, and what would you do differently next time?

    I am proud that I completed the challenge and now I am getting used to "read" better the figma files. I didn't read all the instructions before starting coding, so I used media queries. Next time I will be more careful.

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

    Any feedback is helpful!

    Responsive layout using CSS flexbox

    2
    Tathiani Lima•120
    @TathianiLima

    Você foi muito bem, Parabéns!

    Minha sugestão é apenas mudar o <html lang="en"> para

    <html lang="pt-br">.
    Marked as helpful
  • Tathiani Lima•120
    @TathianiLima

    Gostaria de sugerir:

    • criar um arquivo para o CSS, facilita ao adicionar as cores, tamanhos e fontes;
    • Centralizar o texto;
    • Mudar a cor do texto (conforme o design do desafio);
    • Utilizar @media queries para deixar o layout responsivo.