Broad Street Challenge

broadstreetchallengeWelcome to your summer challenge for Broad Street Elementary School!!! You will board an imaginary airplane and take flight on the most exhilarating journey through summer. As your imaginary plane lands on each continent, you will travel your way through activities, collecting points along the way. How many points you collect and how much fun you have collecting those points are decisions only you can make. Below, you will find your itinerary. Buckle up and prepare for the adventure!

Media Queries

In terms of media queries, the breakdown is:

/* Smartphones */
@media (max-width: 480px) { ... }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }

Navigation

image

For mobile devices, there are two options, a dropdown panel menu with items in a tree format or a select box using the browsers own UI elements. Chose a format in the menu settings.

The Dropdown Menu is a CSS driven dropdown menu, offering such features as multiple columns, inline icons, subtext, modules and positions, custom column widths, item distribution and menu offsets.

SplitMenu displays 1st level items in the navigation bar and children in the Sidebar.

Member Access