Verified Commit 587e00bb authored by Aral Balkan's avatar Aral Balkan
Browse files

Set root em in % for accessibility; improve narrow viewport layout

parent 35cbd729
......@@ -29,7 +29,7 @@
html {
/* Responsiveness is mainly defined by altering the root foot size (root em). */
font-size: clamp(14px, 2vw, 18px);
font-size: clamp(100%, 2vw, 125%);
/* Use system fonts. */
font-family:
......@@ -612,6 +612,20 @@ main li {
flex-wrap: wrap;
}
/* Tighten up the spacing and font sizes in the header and navigation. */
h1 {
font-size: 4rem;
}
header h2 {
font-size: 1.6em;
}
nav li {
padding-right: 0.5em;
}
/* Make each card fill up the full width of the display so we get a */
/* single column on narrower viewports. */
#small-web-details div {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment