Day 2 of Learning Full-Stack Development: I Added CSS to My First Webpage 🎨

Back at it! Yesterday I built a plain HTML tribute page for "My Kind of Woman" by Mac DeMarco. Today I spent 4 hours learning and experimenting with CSS and completely styled the same page.

What I added with CSS:

Background image — full cover, fixed, no repeat. Gives the page a nice moody vibe
Styled the heading — changed the color and added a text shadow with a blue tint
Lyrics in aqua — made the

 text pop with a cyan color

White text globally — used the universal selector * to set all text to white

Box-sizing — set to border-box across the whole page

Floated an element — used an ID selector #mac with float: right

Pagination bar — added a clickable page navigation (1 through 8) at the bottom

Dropdown menu — built a hover dropdown from scratch asking "do you like mac" with yes/no/maybe options, styled with a dark button, light gray content box, and hover effects

What I also added to the HTML (day 2 updates):

A couple of styled content boxes with song info and artist info using placeholder text

A working dropdown menu

Pagination links across multiple pages

No frameworks, no libraries — just raw CSS that I wrote and tested myself. Took me 4 hours to get everything working the way I wanted, and I learned a ton about selectors, the box model, positioning, pseudo-classes like :hover, background images, and layout tricks.

Things I'm proud of:

The dropdown actually works on hover

The background image covers the whole page with a fixed attachment

The pagination bar looks clean and functional

I used a mix of selectors (element, ID, universal, class, descendant)

On  day 3 tomorrow i will learn Javascript

! Any tips on what I should learn.  💪