Genshin Impact Content Gallery

HTML · CSS · JS · Responsive

Project Goals

For the MDIA 1472 Mobile Web course we were tasked, for our final project, to create a one-page website that contained a few JavaScript libraries, and to make it responsive and optimized from mobile to desktop. This project was to demonstrate our understanding of using libraries, customizing them, and how to code responsive websites. This project was to demonstrate our understanding of using libraries, customizing them, and how to code responsive websites.

Project Outcomes

This project was heavy on best practices when it comes to responsive web design, and the use of JS libraries. It was a project I felt tested my coding abilities at a higher level. It was also a project that took quite a few hours to complete in a short amount of time and I really enjoyed developing the website and seeing what my hard work could produce.

genshin site global navigation and banner
genshin characters masonry layout
Discover the elements section

Explore My Code!