Final Fantasy 7 - Character Sheet - CSS Grid Excercise
Whenever I want to learn new CSS properties I always design something first to ensure that the final product is possible. Final Fantasy 7 was one of my favourite games growing up, and with the release of the new remake I thought it would be a perfect topic to use to explore CSS Grid.
The design is fully adaptive utilizing the CSS Grid property "grid-area". To see a live demo visit: