ekathwo wkrvna

ktop), 40px (mobile). Then both main and page-content use it: 70+70=140 total. Done. Option B: Keep one source of top padding. So main has padding-top: 70px, and page-content has padding-top: 0. Then total 70px. That might be too small (header is 100px, so 70px would put content at 70px which might overlap the header). So we need content to start below the header. Header height is 100px. So we need at least 100px from top. So content-top-padding should be at least 100px or a bit more for breathing room. So let's say 100px minimum. 40% reduction from 280 = 168px. 50% = 140px. So target total 140-168px. If we use single source: main padding-top 140px, page-content padding-top 0 → total 140