search

jpshackelford / jpshackelford-blog

Other
0 stars 1 forks source link

Article Heading WhiteSpace #16

Closed usphantomlancer closed 11 months ago

usphantomlancer commented 11 months ago

Screenshot from 2023-12-12 06-12-19

As default in pico.css, padding-top and padding-bottom of <article> tag is 3.5rem and padding-left and padding-right of <article> tag is 1.75rem.

Screenshot from 2023-12-12 06-22-35

And for <header> tag, they set margin-top as -3.5rem to remove space on top, and also set margin-left and margin-right as -1.75rem to remove space on left and right side.

Additionally, they set 3.5 rem to margin-bottom of <header> tag for spacing. I've changed it to 1.5 rem in code, but you can adjust it as your mind.

Screenshot from 2023-12-12 06-28-33

usphantomlancer commented 11 months ago

Screenshot from 2023-12-12 08-21-29 You can select specific article using :nth-child.