Fork Me! FCC: Test Suite Template

HTML-CSS
1

How can I join the background color of title-body and img-div so that there is no gap between them, so after grey color what i should see is white.just like joining two cards.
LINK: https://codepen.io/shvmsaini/pen/djGNpW?editors=1100

2

If you have a codepen that you are working on you can post a link to that so others can observe your code

3

Sorry, I edited it please check out.

4

Hi there.
All browsers have their own default properties of HTML elements. See what default CSS properties does h3 have. Take a look at W3C h1 to h6 tag article and I’m sure you’ll understand what exactly do you have to do.
By the way you can use your browser inspector to see which element apllied the properties. (F11 Google Chrome or right click → inspect the element).

1 Like
5

Hi, nice page.

I almost always remove margin on body first thing

body{
  background-color:#e6e6e6;
  margin:0; /*remove browser provided margin */
}
#title-body{
  background-color:#d1d3d6;
  overflow:auto; /*account for padding / margin on h1, h3 */
}

Good luck on this

1 Like
6

Wow, thanks a lot.It worked the same way I wished.Thanks again.

1 Like