You have decided to pen down your amazing journey with GA, from the start to graduation. There's just one problem - your diary is not exactly the nicest looking at this point!
Don't worry, you're going to fix this.
The contents for the diary are provided for you in index.html
. Your goal is to fix the CSS in styles.css
with media queries to make the page nice and responsive.
The end results should look like these (or as close as possible): gallery
- All 3 posts are aligned in 3 columns on the same row.
- All posts are aligned in 1 column.
- The latest post should be displayed on the top.
- The first and second posts are divided into 2 sub-columns on the second row.
- All posts are aligned in 1 column.
- The latest post should be displayed on the top.
- The second post should be displayed in the middle.
- the first post should be displayed at the bottom.