Challenge Overview
Welcome to the BOOST - Task Marketplace Responsive UI Prototype Challenge!
We are in the process of developing and planning out our new Task marketplace application, which will become an internal community portal used by our employees to crowdsource open work/tasks within our company. The main purpose of this app is to be a task marketplace - a tool where tasks can be posted, searched, and completed.
We earlier ran a design challenge and a web prototype challenge for this app. Now, we want to make it responsive by adding breakpoints for desktop and smaller mobile devices using Bootstrap/ AngularJS/ CSS3. The mobile breakpoint should support iPhone 6 and Nexus 6.
- Use CSS3 Media Queries to load different styles for each page and don't build different page for different device/layout.
- Provide comments on the CSS code. We need CSS comments to give a clear explanation of the code usage. The goal is to help future developers understand the code.
- Please use clean INDENTATION for all CSS so developers can follow the code.
- All CSS naming should not have any conflicts.
- As possible use CSS3 style when create all styling.
- Use CSS to space out objects, not clear/transparent images (GIFs or PNGs) and use proper structural CSS to lay out your page. Only use table tags for tables of data/information and not for page layout.
Browsers Requirements
- Chrome, Firefox and Safari on iPhone 5, 5s, 6 and 6+, iPad (Landscape & Portrait View)
- Android Browser
- Curernt prototype behavior on web must be preserved