All comments

• 

  Donald Zarura•210

  @doniecodesSubmitted 11 months ago

  Coded with Acode - code editor on smartphone..I couldn't get the border-radius to work on the grid container. I'd appreciate any feedback as well 🙏

  

  Single price grid component using CSS Grid and Flexbox 2nd attempt

  2

  50
  

  Nilton Manjate•230

  @nilton-manjatePosted 11 months ago

  Hi, Donie!

  It seems like the border-radius isn't displaying properly on the grid container because elements inside it are extending beyond the container's boundaries, obscuring the rounded corners. To resolve this, try adding 'overflow: hidden;' to your '.grid-container' CSS. This line will effectively hide any content that extends beyond the container's borders, allowing the border-radius to become visible.

  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
    overflow: hidden; /* Add this line */
  }
  

  Marked as helpful

  2

  This comment has received 1 replyShow