About this website
This website is part of a ARA Bachelors of ICT course relating to web development, any labs or assignments will be hosted here.
As for this page? This is simply a random page from a previous lab being used as a placeholder! Borris the cat from responsive css lives here now.
YA WANT SOME SPAM?
My ancient as website for an NCEA assessment 2 years ago lol
A New Zealand flight locator. A personal project of mine using free API services (idk if it still works though)
TreeSpotter Web ApplicationInteractive media assessment
I BUILT THE STADIUM HEHEHEHE!! Well only part of it atleast lol such as setting up the network switches and routers, heres some cool photos I took!!
MORE SPAM FROM THIS PLACEHOLDER PAGE!!
This example shows a simple layout change from a single-column to two columns when the viewport (window) is wide enough to fit two columns. Notice that the layout code for the single column occurs first and is not in a media query - this makes the single column the 'default' layout. This is a good approach because browsers that don't understand media queries and/or grid (such as Internet Explorer until recently) can still display the single-column layout. At the bottom of this stylesheet there is a media query that tests the width of the viewport and contains the grid layout.
Check what happens when you change the width of the browser window from very narrow to very wide when you are viewing the web page.
The default layout (before any media queries take effect) is a single-column layout with the principal structural elements as blocks in normal flow. That is: the header, main, and aside are allowed to take their normal positions one after the other down the window. We don't need a grid or other layout CSS for this.
Why is there a picture of a cute kitten on a web page about responsive design? I don't know.