Layout |
For the Layout I used flexbox for the mayority of the pages. Although you can also see that I used flexbox in the Post page! |
Layout Example |
Responsivity |
I used many media queries for the responsivity, I decided to do it this way because I wanted the website to adapt to any envitoment without any restrictions. This are the different sizes where the website will respond:
|0px-540px|-|541px-700px|-|701px-901px|-|0px-900px|-|901px-INF|-|0px-1000px|-|1500px-INF| |
|
Selectors |
I used this Selectors: element, .class, .class.class, .class .class, :hover, nth-of-type(n), :focus; Among others. |
tr:nth-of-type(even), a:hover |
Tags |
HTML5 mian, header, footer, article, section, figure; etc. |
|
Animations |
I created a few aniamtions,my personal favourite was the animated background, wich I recycled and used the same animation for the active Nav Bar item's. |
|