![](https://cdn.myportfolio.com/cfffadc4-07a6-44e0-b2b3-9d9ec1ff12b1/ae98a6f9-b0ae-4f35-953b-728ed1fa7384_rw_3840.jpg?h=6a82a4e3fdd0a027cf25bfe66145652b)
For this school project, we were tasked to revamp a website for a local pastries shop. One of the requirements of the project is to ensure that the design is responsive to the screen size it is viewed on.
Learning how to make a website responsive has put our problem-solving skills to the test as it was our first time creating a website from scratch using HTML and CSS.
We designed a prototype in Miro and ensured the design language is consistent throughout the individual pages.
![](https://cdn.myportfolio.com/cfffadc4-07a6-44e0-b2b3-9d9ec1ff12b1/aefac0e4-c83c-4096-a2a7-42b7d29e0634_rw_1920.png?h=042fd1ba2977ce17d19f822bc169c77a)
Design prototype in Miro
![](https://cdn.myportfolio.com/cfffadc4-07a6-44e0-b2b3-9d9ec1ff12b1/8a7d7698-28a3-415c-9d42-aa7ece0ed46b_rw_1200.jpg?h=b407ea4c840d2df7c347e1a16ea7748d)
Full page design