Skip to content
OverviewSolutions
7
Comments
15

Durga Jaiswal

@Durga-JaiswalIndia230 points

Learner...

Latest solutions

View more solutions

Latest comments

  • Durga Jaiswal•230
    @Durga-Jaiswal

    Hello, Good to see your Project. To make the card center aligned with the body, you can follow these as

    display: flex
justify-content: center
align-items: center

    This will make your card component center aligned.

  • Durga Jaiswal•230
    @Durga-Jaiswal

    Great. You have to make body tag viewport height 100vh.

    body {
max-height: 100vh;
}

    To avoid scrolling, there should be max-height not min-height. This will make sure that no - scroll bar appear in the main page.

  • Durga Jaiswal•230
    @Durga-Jaiswal

    Hello there, Good to see your project.

    You can set min-height of the card so that it matches with the given design. Other than this your project doesn't have much to change.

    Hope you find it helpful.

  • Durga Jaiswal•230
    @Durga-Jaiswal

    Hello there, Good to see your project. Overall your project is good, but the width: 80%; in the .container selector should be 60% or 65% so that it matches with the given Style of Challenge.

    Hope you find this helpful.

    Marked as helpful
  • Durga Jaiswal•230
    @Durga-Jaiswal

    Overall your project is Good. But as I've seen in the code you've used CSS ID as selectors, this is not a good practise. Try to use classes as selectors, using classes as selectors is known as best practise.

    Marked as helpful
  • Durga Jaiswal•230
    @Durga-Jaiswal

    Try to use border-radius in pixels(px) as using % does not make border perfect circular around the corners. I've also learnt this after a long time. Using px in border-radius helps in this problem.

    Talking about CSS resources, there are plenty of them.Youtube Videos and Free Courses, but to get better grasp on it, you have to make small and easy projects, that will get you in better position of learning CSS.

    Marked as helpful
View more comments