News Site

Responsive news site using css grids and css flexbox, with some css animations (no JS).

View it live

https://rautellin-news-site.netlify.com/

What I learned 🧠

• Structure webpages using boxmodel
• Layout webpages using CSS flexbox and CSS grid
• Create responsive webpages for mobile, desktop and tablet

Requirements I reached 🧪

• Used flexbox to layout the page.
• Created a responsive design with the following views; Desktop 4 columns, tablet 2 columns, mobile 1 column.
• Styled the page.
• Site has a header, a main news article, a grid of news articles.

Stretch-goals I reached 🧘

• Used CSS Grid as well
• Used hover effects
• Added a box shadow
• Added CSS animations
• Aligned the cards to the center of the page
• Managed the pictures that came in different sizes and ratios to be displayed similar