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

  • P

    @CreativeLogic

    Submitted

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

    I'm most familiar with Flexbox. I pushed myself this challenge to use CSS Grid. I also started to import my CSS reset into the stylesheet to keep my code cleaner.

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

    I had difficulty vertically centering the first and last cards initially. I fixed the issue by spanning each card the full height of the container, which allowed me to use the align-self: center property on them to center them vertically.

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

    I'm open to all suggestions for improvement.

  • Davisnz 150

    @Davisnz

    Submitted

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

    Being able to complete this under 1 hour of total time.

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

    Styling the table and ordered lists

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

    All good!

    @vladkvlchk

    Posted

    it looks perfect

    1
  • @vladkvlchk

    Posted

    to place your card in the center use these properties for body style

    body{ hight: 100vh; display: flex; justify-content: center; align-items: center; }

    excluding it your result looks perfect

    1
  • @vladkvlchk

    Posted

    You should have used another font like this: @import url("https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Outfit:[email protected]&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

      * {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
      }
    
    1