Skip to content
OverviewSolutions
9
Comments
3
slack
@slackwaree

All solutions

  • Submitted 6 months ago

    Order Summary Component with SCSS

    • HTML
    • CSS
    0
  • Submitted 7 months ago

    Testimonials Grid Layout

    • HTML
    • CSS
    1

    I struggled with aligning the avatar images next to the two blocks of text, and ended up just using a margin to do it. I tried giving the img elements display: inline-block and vertical-align: middle but they didn't move at all.

  • Submitted 7 months ago

    Four Card Feature Section

    • HTML
    • CSS
    1

    Was the method that I used to align the left and right cards viable? Was there a better option? It feels kind of hacky.

  • Submitted 7 months ago

    Product Preview Card

    • HTML
    • CSS
    2

    Is there any way I could make my CSS code a little smaller while keeping it easy to read? I feel as though 90 lines for a project of this size is quite a bit.

  • Submitted 7 months ago

    Blog Preview Card

    • HTML
    • CSS
    2

    I feel like the avatar image at the bottom of the card is not aligned horizontally with the text, and I'm not sure how to fix that. I've set the img element to have vertical-align: middle; but I'm not sure what else to do other than that.

  • Submitted 7 months ago

    Social Links Profile

    • HTML
    • CSS
    1
  • Submitted 7 months ago

    Interactive Rating Component

    • HTML
    • CSS
    • JS
    3

    Question. For a project like this, would it have been more optimal to create two different states on the same page and use CSS to hide or show those two different states - or would it have been more ideal to create two separate HTML pages with one state each?

    I chose the former method, but I'm curious what other people would have done and why!

  • Submitted 8 months ago

    Recipe Page

    • HTML
    • CSS
    1
  • Submitted 8 months ago

    QR Code Component

    • HTML
    • CSS
    0