@argelomnes
Posted
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!
@Vaibhav-chandak
Posted
@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.
@argelomnes
Posted
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 section
s that will expand to the browser's full width so they won't appear cut-off.
@Vaibhav-chandak
Posted
@argelomnes Thanks, it solved the problem