#1 Devlog

I split my project into two files: site.html for the content and style.css for the styling, connecting them with a tag in the .

html(2nd picture):

Inside the I built a holding my title and a of four links. Each link uses a jump-link (href=”#about”) that matches the id of a below it, so clicking scrolls the user to that part. I made four sections: Home, About Me, Projects, Socials. i filled them with boxes and links. I used a class for the project boxes since I wanted several styled the same way.

css(1st pic):

I wrote rules that target my HTML elements- a tag name like body, a class with a dot (.card), or an id with a hash. Each rule lists properties inside curly braces(idk how to make these look like a text from a code text):
section { background-color: #ffffff; border: 2px solid #E78EA2; border-radius: 10px; padding: 20px; margin: 20px; }
I used the pink color, because it was the color of my year(2011) and the font was like pantone