Challenge Overview
Welcome and Directions
Hello web designers and coders! We need some minor CSS changes to our community built data delivery application.
The application currently runs (in a POC mode) fully on the front end, so you can test the application very easily (all you need to do is serve the files). The client would like the app to be a bit more dynamic when it comes to the width of the application - specifically when the user is using a very wide window.
The follow image shows two screenshots of the applicaion. The first image is how the applicaiton looks now, when viewed with a wide window. The second image shows how the client would like it to look:
Additional Notes and Requirements
-- Your modifications should not change or break how the application is layed out in a smaller window (e.g. it dynamically sizes things in a more narrow window). Please look at the existing application closely in different screen sizes before you begin so that you understand how it lays out and looks currently so that your updated work well.-- You modifications should not change or break how the application is layed out on mobile devices.
-- Please test many different views of the application, try the tabs, create a test widget, ...etc in order to make sure your updated submission works well in all cases.
Final Submission Guidelines
-- Submit an updates .ZIP file containing the full application with the modifications described above-- Do not remove the .git directory in your submission
-- Only modify the necessary files and nothing more
-- Include a text file with your submissions that briefly describes the changes you made and the strategy you used to fix the problem
-- Include screenshots of the applicaiton running with the fixes
All deliverables above are required for a passing submission.