December 2017
Beginner
458 pages
7h 52m
English
For the main area, we'll put another grid inside of the present grid. We'll add three images in a row. In the index.html file, we'll copy the w3-row class with the columns and paste this inside of the second w3-col class in the header:
<div class="w3-col m9 l9"> <div class="w3-row"> <div class="w3-col m9 l9"> <h1><span>Photo</span>Genik</h1> </div> <div class="w3-col m3 l3"> <input class="w3-input" type="text" placeholder="Search..."> </div> </div></div>
Next, we'll get rid of the <h1> and <input> content. Then we'll change both of the columns to m4 and l4 as shown here:
<div class="w3-col m9 l9"> <div class="w3-row"> <div class="w3-col m4 l4"> </div> <div class="w3-col m4 l4"> </div> </div></div>
We'll need one ...
Read now
Unlock full access