How to insert space between div elements without changing responsive design | Sololearn: Learn to code for FREE!

0

How to insert space between div elements without changing responsive design

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

6/30/2022 6:21:32 PM

Mariam Khaled

22 Answers

New Answer

+3

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

+4

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

+3

Why not add margins for the divs?

+3

Mariam Khaled try margin-bottom:;

+3

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

+3

Mariam Khaled Nice Job! Happy Coding!

+3

Best community ever

+1

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;

+1

What boxes please update your code to give a visual.

+1

Haha is this from the Coursera.org course?

+1

Look at lecture 24 responsive design

+1

margin-top property in css

+1

margin-top:10px;

0

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

0

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

0

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

0

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)

0

Ausgrindtube it doesn’t seem to work out

0

Chris Coder i did that beforehand

0

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