Skip to content
OverviewSolutions
13
Comments
3
Marius
@MariusHor

All comments

  • Marius•190
    @MariusHor

    Great job so far! 🙂

    for the background you could add these lines: background-color: hsl(225, 100%, 94%) background-size: contain background-repeat: no-repeat.

    I would also suggest that you dont set fixed heights and widths on elements. Use padding to create space within an element and margins to create space between elements and not top left or position: relative / position: absolute. Google "spacing in CSS" for a better understanding.

    Keep going, you are getting there! 🙂

  • Marius•190
    @MariusHor

    Hi,

    the horizontal line can be added by using the hr tag. You can then style it inside css using background-color: hsl(215, 32%, 27%); height: 1px; border: none;

    I would also add a padding to the card container so the horizontal line doesn`t go to the edges of the card.

    What I would also suggest that you keep learning how the box-model works, so that you will know where and when is best to apply the padding and margin properties. You can look up Kevin Powell on Youtube for easy to follow videos on this subject. :)

    Marked as helpful
  • Marius•190
    @MariusHor

    Hi,

    I would suggest that you start learning about Flexbox and Grid in order to gain some knowledge on how to position certain elements where you want them. You can check you Kevin Powell videos on this subject as they are beginner friendly and very easy to follow. I would also advise against using text-align: justify because it will make the spacing between words look off.

    Happy learning! 😉

    Marked as helpful