2.2-Timeline-Brent-Thomas

[Brent-M-Thomas]

A repo containing at least:

• [x] index.html
• [x] stylesheets (scss/, css/, and dist/ folders)
• [ ] images folder
• [ ] with any images you used with your design Requirements
• [x] An index.html with semantic HTML
• [x] Componentized Timelines and Events
• [x] An SCSS file with at least
• [x] One variable
• [x] One import statement to bring in a third-party CSS file
• [x] Timeline styling
• [x] Date
• [x] Time
• [x] Icon
• [x] Event Name
• [x] Description

[Brent-M-Thomas]

https://github.com/Brent-M-Thomas/2.2-timeline/pull/2

[Brent-M-Thomas]

Didn't use any images other than font awesome.

[rtablada]

@Brent-M-Thomas This started to get some of the requirements but there are some things to see when working with positioning. Notice that since you positioned the icon using position: relative, you then had to continuously hack and position relative and do top: -2em; on everything after it. There is a better and simpler position option that will simplify things a lot and will clear up some of that muddiness.

Review

• [ ] Look up position static, relative, absolute and fixed on learnlayout.com

After reviewing the positioning see if you can fix your stylesheet as well as making your date and time show up to the left of the timeline instead of under the icon.

[Brent-M-Thomas]

fixed.