This project is about making a news site for Technigo's bootcamp, week 2. The assignment is to style your page, use flexbox to layout the page, use responsive design etc. The project need to contain a header, a main news article and a grid of news articles.
My biggest personal issue was that I didn't structure the work beforehand and I wanted to learn everything at the same time. It just got messy and I know now that I need to take one step at the time. Next week I will view all the learning material first before starting.
It took some time to understand flexbox, but I think I got the hang of it now. The biggest issue in coding was the responsive design with flexbox in the media queries. I haved coded from a mobile view and then added media query for tablet and desktop view. I mixed up the "justify-content" and "flex-direction" and was trying to make the smaller news cards go in a row, which of course didn't work when I used "justify-content". Once I figured that out, it became much easier.
This is the link to my code on Netlify. Unfortunately it doesn't seem to work at the moment, but I will put it here if it starts to work. https://lucid-joliot-22fca6.netlify.app/