Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • samir-Deve 350

    @samir-Deve

    Submitted

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

    I did not encounter any problems it was pretty easy :)

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

    It is complete and lacks any issue so as always Help not needed !!!

    Martynas 50

    @ElMarto12

    Posted

    I see incomplete solution. By the looks of your repo, i guess it loads wrong html file. If you have time, update solution, so we can see, what you have done ;)

    0
  • P
    Micha Huhn 220

    @MichaHuhn

    Submitted

    What are you most proud of, and what would you do differently next time?

    • I made the card responsive by using a media query and by using fluid design. The card's width automatically adapts to the viewport on mobile screen sizes.
    • I used semantic HTML, e.g. nav, ul.
    • I implemented proper hover and focus-visible states.
    • I also used the q tag to create the quote.

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

    First, I centered the card with this code:

    display: grid;
    place-content: center;
    

    But that caused the card to shrink. However, the card should have a bigger width on desktop (see mockup). That's why I only centered the card vertically with this code:

    display: grid;
    align-items: center;
    

    and applied a max-width-wrapper class to the card to center it horizontally and to make it responsive. This technique is explained in this YouTube video.

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

    I think I found a good approach to center the card and to make it responsive (see above). However, let me know if you know a better solution.

    Martynas 50

    @ElMarto12

    Posted

    good job !!

    0