News Homepage - HTML, CSS, Javascript, Vite

Project Overview: News Homepage - Junior Challenge.

Focused On: My focus was on HTML best practices, clean CSS organization, CSS grid for layout, and responsiveness with toggle functionality.

Personal Challenge: I decided to try out the Vite development build tool for the first time, realizing its efficiency in managing different configurations.

Overall Impression: I am continually surprised at how difficult grid can become especially when building a responsive layout that deals with a multitude of different screen sizes.

What I learned: Dealing with the all the different configurations of HTML, CSS, SCSS, Typescript, etc.. was getting overwhelming so I was glad to learn the benefits of using a development build tool such as Vite.

Struggled with: Dealing with layout shifts of my grid items on different screen sizes.

Final Thoughts: I am considering adopting a CSS style guide like BEM for future projects, as the CSS codebase grows, to improve code organization.

Thank you for taking the time to visit my challenge. Have a wonderful day.

~Juan