Skip to content

Latest commit

 

History

History
39 lines (26 loc) · 2.09 KB

project-log.md

File metadata and controls

39 lines (26 loc) · 2.09 KB
Raw

PROJECT LOG FORMAT

DATE, 2021 (Day #100DaysofCode)

Today's Progress:

Thoughts:

Resources

February 17, 2021 (Day 36 #100DaysofCode)

Today's Progress:

  • Used flexbox to style header. Set display:flex on parent header element and then set display:flex on nav element so menu items would line up horizontally. I then adjusted the padding-left property on the nav menu items to get appropriate spacing.

Thoughts:

  • Learned about the list-style-position CSS property that is used for styling lists. It sets the position of the marker relative to a list (marker for unordered list = bullet(default), marker for ordered list(numbers)). You can set it to outside (default) and inside.

Resources

  1. list-style-position property for styling lists

February 16, 2021 (Day 35 #100DaysofCode)

Today's Progress:

  • Started working on basic HTML structure for site with incorporation of CSS flexbox for the layout
  • Changed default branch from master to main

Thoughts:

  • I learned the importance of having to reset browser CSS styles as I was trying to figure out why I was seeing spaces between my block level elements. I'm glad I had a background color applied to them so I could see the spaces that were there due to browswer CSS properties.

Resources

  1. Controlling ratios of flex items along the main axis
  2. Basic concepts of flexbox
  3. CSS Tools: Reset CSS
  4. 5 steps to change GitHub default branch from master to main