All comments

• 

  Ugochi Uzoamaka Anoka•60

  @ugochianokaSubmitted over 2 years ago

  i had a big problem in giving the whole row a border-radius. I had to individually give the columns the required border radius. If there's an easier way to do that, please comment below. Much love

  

  responsive column page using bootstrap and css

  1

  50
  

  Rodrigo Mayer•80

  @r-mayerPosted over 2 years ago

  hey there! I think you did a nice job!

  About the border radius, you can do this:

  • since the 3 cards have a parent div (like a container), you can give the border-radius property to it, and add a 'overflow: hidden', so the container will "cut" the borders of the two cards in the sides. In this case, make sure the container will always have at least the same width and height of the children, or less. If for some reason, the container in your code is much bigger than the content inside, this will not work.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  impure•40

  @z0ddedSubmitted over 2 years ago

  I saw that there is a box-shadow in this project, but i didn't know to replicate it.

  What should have I done?

  

  NFT preview card using basic css

  2

  60
  

  Rodrigo Mayer•80

  @r-mayerPosted over 2 years ago

  Hey! Just to contribute:

  there is a box-shadow, and the tips that @Kimue said are very useful.

  In my case, I put the box-shadow property directly in my '.card' class (the container of the card, in my code - but Kimue's solution is more interesting to be reused throughout the code), and i used the following values:

  box-shadow: 1px 2px 15px hsla(216, 66%, 8%, 0.5);

  i choose these values just looking for the design picture. You can try e see if you like the result

  0