How to insert space between div elements without changing responsive design

Question

https://code.sololearn.com/WpAnDh2no758/?ref=app

Answer 1

If you look at the example in lesson 24 you will notice that the divs are touching but the content is what is spaced apart

Answer 2

Chris Coder thank you a lot
it worked and i have adjust the rest

Answer 3

Why not add margins for the divs?

Answer 4

Mariam Khaled try margin-bottom:;

Answer 5

Are you not able to use an "@media and..." to add the different margins depending on the size of the screen?

Answer 6

Mariam Khaled Nice Job! Happy Coding!

Answer 7

Best community ever

Answer 8

CSS has properties for specifying the margin for each side of an element:

margin-top
margin-right
margin-bottom
margin-left

margin is the short hand
margin: 0px 0px 0px 0px;

Answer 9

What boxes please update your code to give a visual.

Answer 10

Haha is this from the Coursera.org course?

Answer 11

Look at lecture 24 responsive design

Answer 12

margin-top property in css

Answer 13

margin-top:10px;

Answer 14

If i did that
With larger screen i will have the first 2 boxes instead of 3

Answer 15

Chris Coder it works but how about the left/right spacing?

Answer 16

Chris Coder it I add margins to them 2 boxes only appear next to each other in the desktop view

Answer 17

https://code.sololearn.com/WQrlNm3mh417/?ref=app

This is supposed to be responsive
So how to make the 3 boxes appear next to each other with space between them in the desktop view (>992)

Answer 18

Ausgrindtube it doesn’t seem to work out

Answer 19

Chris Coder i did that beforehand

Answer 20

https://youtube.com/shorts/75oJMVADKHY?feature=share