At extra small widths (phones), stack jumbotron elements.

Homepage "jumbotron" (logo + statement) should align well on all
viewport sizes. Specifically on phones (<768px), logo and statement
should both take full width and stack (and center).

At tablet widths, distribute 1/3:2/3. At larger widths, 1/4:3/4.
This commit is contained in:
Lou Quillio 2017-07-31 10:54:45 -07:00
parent 55306fbdf2
commit de8528e698

View File

@ -85,10 +85,10 @@
<!-- Main component for a primary marketing message or call to action --> <!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron"> <div class="jumbotron">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-3 col-xs-4"> <div class="col-xs-12 col-sm-4 col-md-3">
<img class="img-responsive center-block" src="artwork/draco3d-vert-360x274.png"> <img class="img-responsive center-block jumbo-logo" src="artwork/draco3d-vert-360x274.png">
</div> </div>
<div class="col-md-9 col-sm-9 col-xs-12 text-center"> <div class="col-xs-12 col-sm-8 col-md-9 text-center">
<p>Draco is an open-source library for compressing and decompressing 3D <p>Draco is an open-source library for compressing and decompressing 3D
geometric meshes and point clouds. It is intended to improve the storage geometric meshes and point clouds. It is intended to improve the storage
and transmission of 3D graphics.</p> and transmission of 3D graphics.</p>