An example of how CSS grid layout can be used to create a dense grid of items even when items have varied widths and heights.
A Pen by Aidan Breen on CodePen.
import shapefile | |
import pngcanvas | |
# Open shapefile with Python Shapefile Library | |
shapefile_name = 'REPLACE_WITH_SHAPEFILE_NAME' # e.g. england_oa_2001 | |
r = shapefile.Reader(shapefile_name) | |
# Determine bounding box x and y distances and then calculate an xyratio | |
# that can be used to determine the size of the generated PNG file. A xyratio | |
# of greater than one means that PNG is to be a landscape type image whereas |
body{ | |
background-color:rgb(23,24,27) !important; | |
color: rgb(225,224,219) !important | |
} | |
h1, h2, h3, h4, h5, h6, p, a, i { | |
color: rgb(225,224,219) !important | |
} | |
.header-nav-bar{ | |
background-color: rgba(23, 24, 28, 0.8) !important; | |
} |
Example 1.1 | |
App: Twitter | |
Allow user to: login | |
Allow user to: send a tweet | |
Allow user to: follow another user | |
Allow user to: view a timeline of tweets | |
Example 1.2 | |
App: Facebook | |
Allow user to: login |
An example of how CSS grid layout can be used to create a dense grid of items even when items have varied widths and heights.
A Pen by Aidan Breen on CodePen.