Advanced GIS

Assignment 6: CSS

Resources

The first three sections on this HTML Dog page list the more common CSS properties you'll be using.
This CSS cheat sheet is a bit more terse but you might find it useful.
There are more exhaustive references on CSS-Tricks and the Mozilla Developer Network.
This video from last week also covers using CSS in Carto.

Part 1: Add some CSS to a Carto map

Using a Carto map from earlier (or a new one), use CSS to edit your pop-up and legend. Try to make both fit the style of your basemap and data.

Part 2: Improve your HTML page from Assignment 5

Using your page from Assignment 5 (Part 2), add CSS to style it. While I strongly support you using templates from sites such as Templated in the future, please write your own CSS from scratch for this assignment. Consider fonts, colors, and positions when making your changes. Use at least three selectors, and select based on your elements' classes for at least one. The styles should be in a <style> element in the <head> of your document, like this:

<!doctype html>
<html>
    <head>
        <style>
            (your styles here)
        </style>
    </head>
    <body>
    </body>
</html>

Put the styled page online using GitHub Pages. Please organize your GitHub Pages repository and put the page for this assignment in a new folder, for example named assignment-6.

Submitting your work

Submit a link to the map you edited in Part 1 and a link to the page you posted online for Part 2.

You may optionally choose to include a short paragraph response or summary of your work.