Responsive Web Design Project 3: Product Landing Page - Problem with margins (Solved)

Responsive Web Design Project 3: Product Landing Page - Problem with margins (Solved)
0

#1

Hi, I am having trouble with the margins in this project. I think that every element child of have a bootom-margin of 25px, and I tryed to delete it, without good results. Do you know what I need to do to solve this? Here is the project:


#2

What do you mean by this?


#3

There is a white space bewteen the iframe and the h1, and the 2 div’s. However I think I found a solutoion by adding ‘display: inline-block’ to those elements.


#4

Great.

You can also achieve it this way without changing your div’s:

Select paragraphs inside of your divs and then set their margin to 0 and give them any padding you like.

div p {
  margin: 0;
  padding: 15px;
}

Good luck & happy coding.