grid: auto / 2fr 1fr;
margin: 2em 0 1ex;
align-items: center;
- grid-gap: 1ex;
+ grid-gap: 0 1ex;
}
figure {
grid-column: 1;
cursor: pointer;
background: #8888;
}
+
+@media (orientation: portrait) {
+ #quiz {
+ grid: auto / 1fr 1fr;
+ }
+ figure {
+ grid-column: span 2;
+ }
+ li {
+ grid-column: auto;
+ }
+}
</style>
EOT
});