Thursday, 2 February 2017

website

In this lesson we retouched how to create a website using display:flex; as a lot of us including em didn't know how to structure a website using the method. I feel like the method we used today were completely different to what flexbox froggy and the zombie one demonstrated and feel like if we were taught this from the beginning it would of helped alot more, flexbox froggy did help in a lot of aspects specially to get me interested. This is the basic website layout that i started with adding colours instead of  images.

The code that was using was @media only screen and (min-width: 700px) {}, to make it responsive. this makes it so when the screen hits 700 what evers in the brakets mastarts to work so in this case display:flex. The process was tedious but once i got going i was able to create it.

This is what the website looks like before 700px, the images would all stack up in order and if it had images of wolves it would look good. 

Posted by at

1 comment:

  1. D_J_O4 February 2017 at 04:52

    Very nice work Elliot, I am glad you discovered how this display flex work, part of the course is that you need to be independent in your learning, so it is important to push yourself, and out of class research and get more knowledge so you can do it independently and challenge me with your knowledge. Dwayne

    ReplyDelete

Subscribe to: Post Comments (Atom)