In the last two weeks we have been involved in visually designing websites and then practicing various code approaches implementing these designs. For example, along with visually designing our mid-term project website, we practiced various approaches in HTML and CSS.
We became familiar with visually blocking regions on a particular page or site, and then manipulating content within those blocks using absolute, float, flex and grid approaches to coding. We learned semantic HTML methods of defining blocks and ways of isolating disparate content with IDs and Class stipulations. Within the different code approaches we were introduced to ways of moving and placing content to conform to visual designs that we created in programs like Figma and Adobe XD, and other programs like Adobe Illustrator and Photoshop and other print markup and image manipulation software.
Specifically in week eight we looked at responsive design code, which seemed influenced by the FlexBox solution to positioning. This technology works with media queries that facilitates width flexibility and the repositioning of content into logical, pleasing and legible hardware or screen size dependent forms.