EX 6.1 of 3 The initial code before flexbox. Adding the flexbox line of code Making the code responsive using flexbox. This code replaces grid columns, rows and fractions. Ex 6.2 of 3 FLEX-WRAP: WRAP-REVERSE FLEX-WRAP: WRAP EX 6.3 of 3 FLEXBASIS Making the box minimum width a specific size (px). Much more specific than…

Keep scrolling for a basic step-by-step tut on how to make web responsive. THE MOST IMPORTANT LINE OF CODE IN MAKING SOMETHING RESPONSIVE. HTML CSS RESPONSIVE WEB In your CSS once you’ve inserted your media query line of code and specified the maximum pixels of when you want your code to change, the box specified…

VERY IMPORTANT LINE OF CODE FOR RESPONSIVE WEB RESPONSIVE WEB This works horizontally. Playing with the responsiveness, bottom right hand corner of the screen plays with the selected element. You can also play with the values by increasing and decreasing the pixels (px).

NOTE all of the comments (the text in grey) as they explain the lines of code being used. Werner just put up some tuts and games on AERO to further explain rem/em/ pixels/ fractions/ %/ columns etc.

Here’s the working process of me rigging the head, face and overall appeal of my ogre. It look a while but I still need to add a brow controller and animate the final product. Here’s what I’ve got so far. The tut I followed: