KPC
Kevin Powell - Community•2y ago
Abdul Ahad⚡

margin auto mistake

Website is sticking to the left, can't understand why. tried using 
margin:auto
margin:auto
on body, didn't work live link :https://ahadweb3.github.io/Fitness-Landing-Page/ source: https://github.com/AhadWeb3/Fitness-Landing-Page
3 Replies
Joao
Joao•2y ago
You have the following rule in place: 
* {
  margin: 0;
  padding: 0;
  max-width: 1440px; /* <----*/
  list-style: none;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  border: 1px solid red;
}
* {
  margin: 0;
  padding: 0;
  max-width: 1440px; /* <----*/
  list-style: none;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  border: 1px solid red;
}
If you do want to enforce that limit and have the empty space on the sides, you have to apply the max-width on the body instead. I'm not quite sure why that is though, but it works. I think it's probably because it's applying to everything and that would affect the document itself?
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Abdul Ahad⚡
Abdul Ahad⚡•2y ago
done, thanks a lot
Want results from more Discord servers?
Add your server
More Posts
Issue with getting a horizontal scroll workingBeen stuck all morning trying to get my hourly section's content to become a scroll rather than shrCalling a function with params onclickI'm trying to call a function with a param. As i have it now the function gets called on load, how cMy CSS hover is not working plz helpI added hover but i didnot work can anybody help me out??max-width is the king of width?Just get to know the max-width will override the width with !important. So is any other CSS settingsfeedback on homepageHello 👋 I'm finishing up my website to start working as freelance, and I'd like some feedback on my.sort()Hi guys I try sorting my array, and unfortunately I was not able to return it in a particular a-zUI FeedbackNeed to know what the design is missing where there a place for optimization! ThanksText wrap around imageTrying to achieve this(image attached) ```html <div class="training-heading"> <h2 class="tHeadinlittle help with javascript while loopslet friends = ["Ahmed", "Sayed", "Ali", 1, 2, "Mahmoud", "Amany"]; let index = 0; let counter = 0; Possible to fix overflow of big text?Hey, I got this text here overflowing. I'm 90% sure it is due to a combination of a big `font-size`,