#Help with margin on We are champions project

1 messages · Page 1 of 1 (latest)

molten drift
#

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.

exotic scaffold
#

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.

  1. Screenshot 1 => click on the** element inspector arrow** and make sure that the **Elements **panel is active

  2. 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.

molten drift
exotic scaffold
#

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

molten drift
#

yes I was able to, I had no idea it was doing some extra padding like that

exotic scaffold
#

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.