Challenge Overview
Welcome to the Living Progress - Build - Social Volunteer Discovery - Update CSS Framework contest. As part of this contest, you will need to update the existing CSS Framework consisting of custom components.
Contest Details
We ran a contest earlier to create custom components using our client’s existing UI Prototype. Together, these components created a CSS Framework / Library of their own.
We would like you to take these existing components and make them responsive. Currently, they are suitable only for Desktops but we would like them to be displayed correctly for mobile devices as well.
The task is really simple - go through all the custom components that have been defined and update them so that they are responsive. Update the documentation for these components so that they are responsive-first. the components make use of Twitter Bootstrap's classes (v4) so make sure that you use the existing classes as much as possible.
The list of components include, but are not restricted to Cards, NavBar and Jumbotron. You need to update all components defined in the documentation. Additionally, we will share the designs with you that will give you an exact measurements for mobile devices.
The browsers that you need to ensure the components work properly are:
Latest Safari, Latest Android, Latest Google Chrome. You can test on an iPhone 5+ or Samsung Galaxy devices.