Skip to content
OverviewSolutions
35
Comments
4

Parvathy Vazhoor

@parvathyvdBC, Canada880 points

Pura Vida!

I’m currently learning...

React

Latest solutions

View more solutions

Latest comments

  • Parvathy Vazhoor•880
    @parvathyvd

    Hi Christopher

    First of all good work. One thing I notice is that the dropdown menu is not visible on large screens. I thought of mentioning about it.

    Thanks

    Marked as helpful
  • Parvathy Vazhoor•880
    @parvathyvd

    Hi Liam,

    Nice Work

    You need height and width on the circle to make the border radius a perfect circle. Add below to your list-item will fix the issue for you.
    .list-item { height: 4rem; width: 4rem; display: flex; justify-content: center; align-items: center; }

    thanks

    Marked as helpful
  • Parvathy Vazhoor•880
    @parvathyvd

    Hi,

    Instead of giving height and width to the individual boxes give width to the parent.

    cards { display: flex; justify-content: center; align-items: center; max-width: 50rem; margin: 0 auto; /* min-height: 100vh; //remove this } also remove width and heights from the boxes .box-1 ,2, 3{ /* height: 450px; / / width: 250px; }

    That will fix your problem. Always try to use width instead of height. Let the padding, margins define their height. Hope this helps.

    Thanks

    Marked as helpful
  • Parvathy Vazhoor•880
    @parvathyvd

    oh ..Thanks a bunch. I might have accidentally added that in the pseudo class. Thanks for pointing it out. That was fast! I really appreciate it.

    Thanks :)