Section padding its going under header | Scrimba | Page 1

grave fiber Mar 16, 2023, 10:53 AM

#

I have a problem I give every section a second class .section to give a padding for each section but first section padding its going under header I don't want that to happen I want padding to start from main

#

calm tulip Mar 16, 2023, 11:07 AM

#

Is your header's position absolute?

grave fiber Mar 16, 2023, 11:07 AM

#

I found solution its because the header its fixed

#

calm tulip Mar 16, 2023, 11:07 AM

#

o

#

nice

grave fiber Mar 16, 2023, 11:08 AM

#

Thanks man 🙂

#

@calm tulip I think now another issue 🙂

#

:v

calm tulip Mar 16, 2023, 11:14 AM

#

grave fiber <@469811324604383232> I think now another issue 🙂

the issue is that ur header gets pushed down?

grave fiber Mar 16, 2023, 11:14 AM

#

yes

#

at mobile devies

calm tulip Mar 16, 2023, 11:15 AM

#

hmm

#

can i see ur css?

grave fiber Mar 16, 2023, 11:15 AM

#

which class?

#

for header?

calm tulip Mar 16, 2023, 11:15 AM

#

yea i suppose, anything that might be relevant

grave fiber Mar 16, 2023, 11:16 AM

#

calm tulip Mar 16, 2023, 11:17 AM

#

could it be bc the margin isn't 0 in some element, causing the header to get pushed down?

grave fiber Mar 16, 2023, 11:18 AM

#

No I don't think

#

I tried giving the header margin 00

#

0

#

but not working

dapper berry Mar 16, 2023, 11:19 AM

#

If you only want to apply a property to the first element of a certain class, you can use :first-child pseudo selector

https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child

:first-child - CSS: Cascading Style Sheets | MDN

The :first-child CSS pseudo-class represents the first element among a group of sibling elements.

grave fiber Mar 16, 2023, 11:20 AM

#

@dapper berry Yes I know but why to work with childs in this situation

#

its just working with position absolute and fixed

calm tulip Mar 16, 2023, 11:21 AM

#

I mean, you could always keep the header position absolute, and then just add more padding for the first section

grave fiber Mar 16, 2023, 11:22 AM

#

its searching a loot of padding when its under header

calm tulip Mar 16, 2023, 11:23 AM

#

what about ur media queries? can i see the css for that?

grave fiber Mar 16, 2023, 11:25 AM

#

@calm tulip that is the only solution

#

bring the position fixed back and give the home section more paddng

#

padding

calm tulip Mar 16, 2023, 11:26 AM

#

alr then, that words too

grave fiber Mar 16, 2023, 11:26 AM

#

Thanks

calm tulip Mar 16, 2023, 11:26 AM

#

no need to thank me lol, I didn't solve anything 😅

#Section padding its going under header