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

Abel Alpha — Thu, 16 Jul 2026 10:17:34 +0000

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. 💪

Day 1 of Learning HTML: I Built a Tribute Page for "My Kind of Woman" 🎸

Abel Alpha — Mon, 13 Jul 2026 18:25:45 +0000

Hey everyone! Today I officially started learning HTML and I'm pumped to share my very first project.

It took me 2 hours and 40 minutes to learn the basics and experiment, and I built a simple tribute page for one of my favorite songs — "My Kind of Woman" by Mac DeMarco.

What's on the page:

A title with the song name
The album cover art as an image
An audio player (I added the song file locally)
The full lyrics displayed in a

tag
A clickable button that links to the music video
A little page icon (favicon) with the album art
What I used (HTML only — no CSS, no JavaScript):

Headings (

,

)
for the album art
with controls

 and 
 for the lyrics formatting

 with a button inside for the video link

, , 

A favicon for the browser tab

It's not pretty — just pure, raw HTML — but I made it myself and I'm proud of it. Next up: CSS and making this thing actually look good.

Feedback and tips from the community welcome! 💪

DEV Community: Abel Alpha

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

Day 1 of Learning HTML: I Built a Tribute Page for "My Kind of Woman" 🎸

,