Flexbox Container Properties: flex-wrap

Flexbox Properties Here are the properties you can apply to affect the layout of your page. flex-direction: defines direction( horizontal or vertical) container stacks items justify-content: aligns items horizontally align-items: aligns items vertically flex-wrap:  specifies whether items should wrap or not flex-flow: shorthand combines flex-direction and flex-wrap This is the basic HTML we will be…

Read More

Flexbox Container Properties: align-items

Flexbox Properties Here are the properties you can apply to affect the layout of your page. flex-direction: defines direction( horizontal or vertical) container stacks items justify-content: aligns items horizontally align-items: aligns items vertically flex-wrap:  specifies whether items should wrap or not flex-flow: shorthand combines flex-direction and flex-wrap This is the basic HTML we will be…

Read More

Flexbox Container Properties: flex-direction

Flexbox Properties Here are the properties you can apply to affect the layout of your page. flex-direction: defines direction( horizontal or vertical) container stacks items justify-content: aligns items horizontally align-items: aligns items vertically flex-wrap:  specifies whether items should wrap or not flex-flow: shorthand combines flex-direction and flex-wrap This is the basic HTML we will be…

Read More

Flexbox Container Properties: justify-content

Here are the flexbox properties you can apply to affect the layout of your page. flex-direction: defines which direction – horizontal or vertical – the container should stack flex items. justify-content: aligns items horizontally. align-items: aligns items vertically flex-wrap:  this is simple one – just specifies whether items should wrap or not. flex-flow: shorthand that combines…

Read More

Things to Do With Arrays

Properties of Arrays Arrays in PHP have a crazy number of functions! We’ll go over a few of the main ones but if you want to see a full list, check out w3schools.com page! count() function Tells you how many elements are in the array. $kids = array(“Van ”, “Indigo ”, “Jack ”, “Regine ”);…

Read More

More Multidimensional Arrays

You learned about a few kinds of arrays in the previous topic.  Now let’s look at combining associative and multidimensional arrays.  We’ll use the example below to talk about a few tricks when working with them. $students= array ( array( “name”=> “Margot”, “age”=> 13, “animal”=> “monkey”, “food”=> “pasta” ), array( “name”=> “Hadley”, “age”=> 13, “animal”=>…

Read More

Fun Text Effects

You can also style your text by directly adding shadows to it. Shadows on Your Text You can also create shadows on your text.  This works similar to shadows on boxes. text-shadow – allows your to apply a shadow to containers with a background color or background image. You can set the amount of shadow…

Read More

Functions & Scope

Variable Scope In PHP variables can be declared anywhere in the script. The scope of the variable is the part of the script where the variable can be used. PHP has three different variable scopes: local global static. Global Variables Global: A variable described outside a function has a global scope and can only be…

Read More

Spanning Rows & Columns

Spanning Multiple Columns Sometimes, you’ll want to expand a cell of data to cover more then one column. The colspan attribute lets you stretch a cell across 2 or more columns. This occurs frequently with headers and we’ll use that in the example below.  See how “Favorite Things” stretches across two columns now so that…

Read More