Responsive landing page with css flex-box

Community feedback

• 

  Giulia•210

  @GiuliaT97Posted over 1 year ago

  I saw that you didn't do the rounded edges in box3 and in your button. I want to advise you how to do it in case you didn't already know so you can be more true to the challenge designs. To make the edges rounded you have to use border-radius. Usually the most common value is border-radius:0.5rem or if you prefer to write it with px border-radius:8px. This is enough in the case of the button but if you have, as in the case of box3, images or other divs inside you also have to put overflow:hidden so that the parts coming out of box3 (like the corners of the image in this case) are not seen.

  .box3{ width: 40%; height: 400px; background-color: white; display: flex; justify-content: space-between; border-radius:8px; overflow:hidden; }

  0

  ---

  

  Victoria Ekene Ozoanidiobi•40

  @victoriagreatPosted over 1 year ago

  @GiuliaT97 Thank you so much, I have made the correction.

  0