Vishal Biradar

Latest comments

• 

  Josue Gonzalez•20

  @Josue-code-lanchSubmitted about 1 year ago

  

  Página de estilo responsivo

  1

  70
  

  Vishal Biradar•895

  @vishalbrdrPosted about 1 year ago

  Se verá mucho mejor si aumenta el ancho del contenedor para la pantalla del escritorio. pruebe con ancho máximo: 600 px; por lo demás luce genial. buen trabajo👍

  0
• 

  Ashish Mohanty•250

  @ashishmohanty10Submitted about 1 year ago

  

  Product preview card

  #react#tailwind-css

  1

  60
  

  Vishal Biradar•895

  @vishalbrdrPosted about 1 year ago

  hey buddy, nice job! here are some improvements that will make your solution better:

  1. increase the padding for content div
  2. use <button>🛒Add to cart</button> instead of <div>
  3. use object-fit:cover; property for image, it will fix the stretching of image.

  Marked as helpful

  0
• 

  Adriel Murray•90

  @AdrielMurraySubmitted over 2 years ago

  

  Product preview card

  2

  10
  

  Vishal Biradar•895

  @vishalbrdrPosted over 2 years ago

  set img height to 100%. set product-info height same as the product-image height. or don't specify a height for any, just set the height of the container and let flex-box take care of that.

  Marked as helpful

  0
• 

  Eyram•270

  @EYRAM565Submitted over 2 years ago

  

  Responsive advice-generator-app

  2

  60
  

  Vishal Biradar•895

  @vishalbrdrPosted over 2 years ago

  Hey, your solution works well! you can fix that dice with this code:

  button {
      border: none;
      background-color: var(--NeonGreen);
      border-radius: 50%;
      margin-top: 30px;
      /* padding: 1rem; */
      position: absolute;
      top: 85%;
      height: 3rem;
      width: 3rem;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  And wrap all your code into <main></main>.

  Marked as helpful

  0
• 

  P

  Waldemar Glaz•825

  @waldekglazSubmitted almost 3 years ago

  

  Expenses Chart with React Js, styled components

  #react#styled-components

  1

  40
  

  Vishal Biradar•895

  @vishalbrdrPosted almost 3 years ago

  I used CSS for this one. use data attribute and access it in css, design amount box using ::before element, and change the opacity of ::before element on mouse hover on the bar-graph.

  1
• 

  Jem0•120

  @Jem0Submitted almost 3 years ago

  

  advice generator app

  3

  60
  

  Vishal Biradar•895

  @vishalbrdrPosted almost 3 years ago

  Hello there, great job on the solution. You can use the box-shadow property for the hover effect.

  2