Website & Portfolio
Personal portfolio website that features a responsive design with sections showcasing an introduction, academic and work experiences, projects, and contact information. Users can navigate between "Home," "About," "Contact," and "Projects" pages, with flexible layouts and interactive elements like custom-styled buttons.
Website Responsiveness Demo:
Tech used: HTML, CSS.
How It's Made: This website was built using HTML and CSS, emphasizing responsive design principles (mobile-first CSS) to ensure a seamless experience across devices. The flexible layouts are achieved through percentage-based sizing and consistent styling across all pages, ensuring adaptability to all screen sizes.
Lessons Learned: Working on this personal portfolio website taught me a lot about responsive design. Using HTML and CSS, I wanted to ensure the site looked good on any device without heavily relying on media queries. It took a lot of experimenting with different techniques, and while it was challenging to make the design adapt naturally, the process significantly improved my understanding of responsive web development.