Hey guys, I have some orientation issues in my list items.
every independent list item is appearing a little towards the right, Idk how to fix it.
Because all the widths are the same and all the alignment everywhere is towards the center
this is the link to my code- https://scrimba.com/scrim/coa1d43e6b3c03d5528f4a868?a=19061.0.2.L76_28
any help is appreciated.
#Help with margin on We are champions project
1 messages · Page 1 of 1 (latest)
Hi @molten drift ,
I'm not going to give you the answer. Rather, I'll show you how you can fix it yourself using your browser's devtools.
Make sure your Scrimba app is running, then press F12. This will bring up the devtools.
-
Screenshot 1 => click on the** element inspector arrow** and make sure that the **Elements **panel is active
-
Screenshot 2 => hover over the element you want. Look at the tooltip. Look at the Styles panel bottom right, and edit or add styles for live changes.
If you're still stuck, let me know and I'll give you the answer.
Thankyou very much, this debugging tool is amazing. I think this will make html and css much easier for me!
You're welcome!
Have you managed to fix the problem?
Please note that any changes made in the devtools are 1) not saved to your own code (Scrimba or Vscode), 2) reset when you reload the browser/tab
yes I was able to, I had no idea it was doing some extra padding like that
Many elements have default padding and margin.
This is why we often use something called CSS reset. I'll let you look it up if you're interested.