This is a sample alert bar. This is an update

Skip to main content
UC Riverside

Sandbox

WHERE TESTING HAPPENS

Grids

XY Grid for Foundation

A fully reworked new grid system in v6.4 which has all the variety inbuilt in the form of multiple grid types which includes margin grid, padding grid, frame grid, block grid and vertical grid - https://foundation.zurb.com/sites/docs/xy-grid.html

2 Column Grid

<div class="grid-x grid-margin-x grid-padding-y">
<div class="cell large-auto"><img alt="Image" src="http://via.placeholder.com/585x200" /></div>
<div class="cell large-auto"><img alt="Image" src="http://via.placeholder.com/585x200" /></div>
</div>
Image
Image

3 Column Grid

<div class="grid-x grid-margin-x grid-padding-y">
<div class="cell large-auto"><img alt="Image" src="http://via.placeholder.com/585x200" /></div>
<div class="cell large-auto"><img alt="Image" src="http://via.placeholder.com/585x200" /></div>
<div class="cell large-auto"><img alt="Image" src="http://via.placeholder.com/585x200" /></div>
</div>
Image
Image
Image

4 Column Grid

<div class="grid-x grid-margin-x grid-padding-y">

<div class="cell large-auto medium-4 small-6"><img alt="Image" src="http://via.placeholder.com/292x200" /></div>
<div class="cell large-auto medium-4 small-6"><img alt="Image" src="http://via.placeholder.com/292x200" /></div>
<div class="cell large-auto medium-4 small-6"><img alt="Image" src="http://via.placeholder.com/292x200" /></div>
<div class="cell large-auto medium-4 small-6"><img alt="Image" src="http://via.placeholder.com/292x200" /></div>
</div>

 

Image
Image
Image
Image

Auto Sizing Grids

<div class="grid-x grid-margin-x">

<div class="cell small-4"><img alt="Image" src="http://via.placeholder.com/350x150" /></div>
<div class="cell auto"><img alt="Image" src="http://via.placeholder.com/350x150" /></div>
<div class="cell auto"><img alt="Image" src="http://via.placeholder.com/350x150" /></div>
</div>
Image
Image
Image

900 University Ave.
Riverside, CA 92521

Tel: (951) 827-1012

This information is accurate and reliable at time of posting but may change without notice. Please contact Student Affairs Marketing & Communications for the most up-to-date information.

The "Jeanne Clery Disclosure of Campus Security Policy and Campus Crime Statistics Act" commonly referred to as the "Clery Act," requires institutions of higher education receiving federal financial aid to report specified crime statistics on college campuses and to provide other safety and crime information to members of the campus community. The report is available on the Institutional Ethics and Compliance website. If you would like a printout containing this information, you can contact the Clery Act Compliance Coordinator via email at magaly.perez@ucr.edu or by phone at (951) 827-5747.