For the Code Game, Sara and I had to use magenta and purple colored boxes, with the standard blue one at the top left. In total, it took us about 30 minutes to figure out. We struggled most with the second level, because we could not figure out where the margins would go and how to write it out.
How does positioning with code inform the information architecture of your website?
Positioning the code was like a puzzle, where things had to be placed in their right position in the right way. There were three types of boxes that had different properties. One box was fixed, the other box was the "wrapping box," and the last boxes were the background that were not fixed. Doing this exercise helped me learn how website code works and how the code comes together to function as a website. Everything has a certain order, and everything in html has a beginning and an end code. Completely linear, one has to think holistically because every little thing matters.