KPC
Kevin Powell - Community•3mo ago
Ali

CSS Margins Help

Hello All, I'm still learning the basics of CSS and am having trouble with my code. Forwhatever reason my main title page that says "PergolaLuxe" has a top and bottom margin, as shown when inspected. I for the life of me cannot find why this is occuring within my code. Any advice is appreciated. Thanks in advance!
No description
No description
No description
No description
No description
No description
No description
3 Replies
clevermissfox
clevermissfox•3mo ago
Can you paste this into a live sandbox like https://codepen.io, there are some styles in a screenshot that are not shown in the dev tools so it’s hard to tell what’s going on. Html elements have defaults margins and padding , this behaviour is often why it’s common to include *{margin:0;padding:0;} in the css reset. May also be a specificity issue between id selectors and class selectors.
Stroudy
Stroudy•3mo ago
I think you have to reset the margin and paddingto 0 and its also a good idea in the future to use box-sizing. If you apply this to the top of your sheet it should reset it 
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
Let me know if that helps
Ali
Ali•3mo ago
Adding the border-boxed worked. Thank y'all for your help!
Want results from more Discord servers?
Add your server
More Posts
remove unused dependencies? Importance?Just wondering if unused dependencies (in package.json) effect anything other than install time (andposition absolute element is underneath other elementim trying to create a dropdown component in react, the dropdown whose position is relative has a buhow to set image for domain when paste into socialsi want add image when i paste link website into facebook , it will show image , web that i use deploDynamic scroll with fade in/outI am attempting to create a dynamic scroll, where a single paragraph and corresponding image are disIs it possible to create this 3d button ?Hello community is my first post on this Chanel. I'm french guy and my English is not perfect 😉 I'mSecurity error, There are problems with the security certificate for this sitei get this error while opening the website from Instagram chat, anyone knows how to fix this ?How to customize default <input> date picker?Is there a way to edit the appearance of the default date picker? Right now, I'm just looking to chaPriority Plus NavigationHello, I am currently working on my portfolio site using react and I was wondering how someone mightIs there an efficient way to handle SVG usage in Svelte?Instead of this hideous block of code in the picture, is there an easier way to handle using an svg?Looking for any constructive criticism on how I could do better or best practices.I've just completed a front-end coding challenge from @frontendmentor! 🎉 You can see my solution h