Please solve error

Question

Please tell me how can I remove the unwanted margin from the image that in between header and main content(in mobile view) and margin from all sides(,in desktop view)
Please refer to my two latest posts in feed one is of mobile view one of desktop
https://code.sololearn.com/WzTMKQ3DHvoq/?ref=app

Answer 1

Knowledge Pedia

see this

[there was a code)

Answer 2

try: body margin 0px; container margin 0px (if you need)

//

img {
border: solid 5px #000000;
border-radius: 80px;
margin: 0px;
}

here i have changed the margin to 0px

happy coding!

Answer 3

NEZ Thnx it worked in desktop mode but not in mobile view.

Answer 4

You want the image be in full screen?

And the navbar also?

Answer 5

NEZ Ys

Answer 6

NEZ Also there is one more problem i.e. everything when I switch to mobile view everytime I have to zoom out the screen little bit How can I solve it?

Answer 7

NEZ not working
I am updating the code here
Some changes i have made

Answer 8

Where the image gone?

Answer 9

NEZ I forgot to change the image Actually I want to set another image at top but that is in my storage

Answer 10

No prob i am editing the code wait 2-3 minutes...

Answer 11

Ok

Answer 12

NEZ Ya that is good
Thanks

Answer 13

Problem solved?

Answer 14

NEZ Ya till now

Answer 15

Then remove all margins and set them to 0px
(Ex. Body, IMG, #container)

Hm so try: navbar width 100% (not 900px)

IMG width 100%

It will work surely
If not I will provide you the edited code.

Answer 16

Knowledge Pedia it should get solved if you will follow my above instructions

Answer 17

I suggest you, learn flexbox or grid system in css.
If you learnt.
You will never be face this type of issud again.

Answer 18

Strenger Ok Thnx for the advice

Answer 19

You should to change your width in it