Completed Using Atom, Mobile first (HTML, CSS and Bootstrap)

Community feedback

• 

  argel omnes•1,800

  @argelomnesPosted almost 5 years ago

  Hey Vaibhav,

  The background is provided as an image (bg-curvy). You can link to it as an img source or as a background-image. The different color at the bottom is caused by paragraph's margin. You can remove it by adding margin-bottom: 0; to .attribution. One suggestion is to use a higher amount, like 3-4rem, for your border-radius so it keeps its roundness for all screen sizes. Nice work!

  2

  ---

  

  Vaibhav Chandak•200

  @Vaibhav-chandakPosted almost 5 years ago

  @argelomnes Thank you for the feedback. Adding margin-bottom: 0; to .attribution solved my problem. In the background portion I know how to insert background background-image:url() but I am unable understand how to apply it in proper place. The color before the curve is different and color after the curve is different and I am unable to do this.

  0

  

  argel omnes•1,800

  @argelomnesPosted almost 5 years ago

  My bad. You can use 2 divs. So the top div contains bg-curvy with the same background color as you have now. And the bottom uses a background color similar to bg-curvy's. You'll probably need additional sections that will expand to the browser's full width so they won't appear cut-off.

  1

  

  Vaibhav Chandak•200

  @Vaibhav-chandakPosted almost 5 years ago

  @argelomnes Thanks, it solved the problem

  0