Skip to content
OverviewSolutions
7
Comments
6

Mercyaksss

@Mercyaksss170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Richard ruiz•40
    @capitaorrjSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    me orgulho do meu css e tomaria mais cuidado com medidas especificas pois me atrapalhou muito no começo a utilização do padding

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

    tive dificuldade na responsividade pois e um assunto que eu ainda tenho dificuldade

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

    eu gostaria de um feedback sobre a resposividade de meu site o que fiz de errado? , o que poderia melhorar ? , e adoraria uma explicação de um melhor uso das media query.

    html and css

    1
    Mercyaksss•170
    @MercyaksssPosted 3 months ago

    Olá, ótimo trabalho na sua solução, você fez um excelente trabalho com a responsividade, o único problema é que em telas pequenas nenhuma imagem está sendo renderizada e isso ocorre porque o src da imagem em sua div móvel está incorreto, deve ser <img src="./src/imagens/image-product-mobile.jpg" alt="imagem mobile">. Também há uma borda preta padrão no seu botão, você pode adicionar border:none; aos estilos do botão para removê-la. Continue assim, você está indo muito bem 👏👏👏

    Marked as helpful
    1
  • Mercyaksss•170
    @MercyaksssPosted 4 months ago

    Great job on the design, well done! However, I noticed that at a screen width of 1108px, the text starts to overflow from the main div. This might be happening because the width of the div is set as a percentage, causing it to shrink beyond a certain point. Setting a fixed minimum width for the div could prevent this issue and ensure it maintains its structure on smaller screen sizes.

    0
  • Mercyaksss•170
    @MercyaksssPosted 5 months ago

    Great job on bringing your solution so close to the original design—well done! I did notice that on screens sized 1080px, the quotation image overlaps the testimonial name and status. Additionally, between 1080px and 601px, the testimonials become quite lengthy, which affects the layout's overall aesthetic. Perhaps adjusting the grid layout so the testimonials use more horizontal than vertical space could improve the appearance for those screen sizes. Lastly, the text is a bit light in contrast, especially for testimonials with lighter backgrounds, which might impact readability. You are doing great, keep it up!!

    0
  • chukwuma jennifer•160
    @jhenniiferSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of being able to complete this project, at first i was scared and procrastinated. i am proud i did it and did it well. what i would do differently is make my project mobile first. Although i did start mobile first, i did not do it properly and will do better on my next project.

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

    My main challenge was with the card for large screen. I had to go through a lot of articles and websites but this project improved my knowledge with the grid layout.

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

    i am open to corrections and learning more.

    Four cards feature challenge

    2
    Mercyaksss•170
    @MercyaksssPosted 5 months ago

    You did a really good job!!

    0
  • Mercyaksss•170
    @MercyaksssPosted 5 months ago

    Wow, Amazing!

    1
  • Mercyaksss•170
    @MercyaksssPosted 5 months ago

    I really love how closely your solution matches the design! Your code structure is really clean too, and you’ve done a great job overall. One thing I noticed, though, is that when the screen size shrinks to around 328px, the container’s width gets smaller than the other elements, causing an overflow. It seems like the container is more flexible than the other elements. It's a small thing, but it might help to ensure the layout stays consistent at that smaller size. Again, you did a great job overall!

    Marked as helpful
    0