Line 155: | Line 155: | ||
/* STUFF INSPIRED BY BOOTSTRAP */ | /* STUFF INSPIRED BY BOOTSTRAP */ | ||
.container { | .container { | ||
− | display: | + | display: block; |
− | + | ||
margin: auto; | margin: auto; | ||
width: 1176px; | width: 1176px; | ||
Line 173: | Line 172: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | + | .row { | |
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | width: 100%; | ||
+ | justify-content: center; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 182: | Line 186: | ||
<div class="container"> | <div class="container"> | ||
+ | <div class="row"> | ||
<div class="col-12"> | <div class="col-12"> | ||
<h1 style="text-align:center;"><font face ="Poiret One">Team Members</font></h1> | <h1 style="text-align:center;"><font face ="Poiret One">Team Members</font></h1> | ||
+ | </div> | ||
</div> | </div> | ||
<!-- USE THIS AS YOUR TEMPLATE FOR THE REST!--> | <!-- USE THIS AS YOUR TEMPLATE FOR THE REST!--> | ||
<!-- Also, make sure your using the new CSS I put in for .hovereffect:hover --> | <!-- Also, make sure your using the new CSS I put in for .hovereffect:hover --> | ||
+ | <div class="row"> | ||
<div class="col-3"> | <div class="col-3"> | ||
<div class="croppy-image" | <div class="croppy-image" | ||
Line 200: | Line 207: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="col-3"> | <div class="col-3"> | ||
Line 243: | Line 251: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
+ | <div class="row"> | ||
<div class="col-3"> | <div class="col-3"> | ||
<div class="croppy-image" | <div class="croppy-image" | ||
Line 296: | Line 305: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div class= "row"> | ||
<div class="col-3"> | <div class="col-3"> | ||
<div class="croppy-image" | <div class="croppy-image" | ||
Line 348: | Line 359: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
<div class="col-3"> | <div class="col-3"> | ||
<div class="croppy-image" | <div class="croppy-image" | ||
Line 388: | Line 401: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
</body> | </body> | ||
</html> | </html> |
Revision as of 03:24, 19 August 2016