Skip to content
OverviewSolutions
5
Comments
2

Rodrigo Mayer

@r-mayerBrazil80 points

an electrical engineer on the road to become a front-end engineer :)

I’m currently learning...

Javascript/React

Latest solutions

Latest comments

  • Rodrigo Mayer•80
    @r-mayer

    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
  • Rodrigo Mayer•80
    @r-mayer

    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