Link to Figma: (Midterm Proposal)

Link to Github page: (Link)

Learning Log:

This week, I actually learnt how to use flexbox to arrange all the elements on the web page. Before getting to know flexbox and grid, I tended to utilize only “padding” and “margin” to adjust the position of my text and images. When I was actually doing this week’s assignment of media queries, I bumped into plenty of problems of displacing and adjusting the information according to different size of the screens. But if I am using flexbox, it would be much easier for me to locate each part of the page so that I could structure and organize them without making to many mistakes.

While I was using media queries, I was able to adjust the sizes of the images and displace my texts in different ways, so that users’ experiences would be better when they were using different kinds of devices.

It was really important for me to know how media queries can help me modify the displacement of the items on the webpage.