Parvathy Vazhoor

Latest comments

• 

  Christopher Heberden•70

  @chrisHebs23Submitted over 2 years ago

  

  Intro section with dropdown navigation

  #react

  2

  30
  

  Parvathy Vazhoor•880

  @parvathyvdPosted over 2 years ago

  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

  0
• 

  Liam•150

  @liamchivers23Submitted over 2 years ago

  

  Interactive-rating-component

  1

  30
  

  Parvathy Vazhoor•880

  @parvathyvdPosted over 2 years ago

  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

  1
• 

  Marina•70

  @hellomarinaSubmitted over 2 years ago

  

  3 column card using Flexbox

  2

  60
  

  Parvathy Vazhoor•880

  @parvathyvdPosted over 2 years ago

  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

  1
• 

  Parvathy Vazhoor•880

  @parvathyvdSubmitted almost 3 years ago

  

  Huddle landing page hero section

  3

  10
  

  Parvathy Vazhoor•880

  @parvathyvdPosted almost 3 years ago

  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 :)

  0