Commit 6638c07d authored by sarah's avatar sarah
Browse files

start of a mobile version

parent 6ffa7d77
......@@ -2,8 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="reset.css">
<title>Nord</title>
</head>
......
......@@ -197,7 +197,7 @@ line-height: 1em;
.project-cover {
width: 100%;
height: 100%;
background-color: black;
background-color: #212423;
position: absolute;
z-index: 10;
filter: opacity(0.85);
......@@ -248,4 +248,70 @@ figcaption p {
display: block;
font-size: 0.9em;
line-height: 1.4em;
}
/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
.grid--container {
grid-template-columns: 1fr;
}
.grid--container > * {
grid-column-end: span 1 !important;
grid-column-start: span 1 !important;
}
.project h2 {
font-size: 2.2em;
word-break: break-all;
}
figcaption, figcaption p {
display: block !important;
}
.live-pict.ref,
.live-pict.text-ref {
padding: 15px;
}
.projects-pict figcaption, .project figcaption {
position: relative;
/* bottom: 0; */
/* padding: 0 10px; */
background: white;
/* bottom: calc(100% 26px); */
padding: 5px 10px 7px 10px;
}
.live-quotes > p {
font-family: 'Spectral';
font-weight: 600;
font-size: 2.3em;
line-height: 1em;
}
.live-quotes {
background-image: linear-gradient(141deg, #ff9955, white);
padding: 15px;
height: max-content;
grid-column-end: span 2;
}
.project figcaption {
display: none !important;
}
.live-pict.text-ref > p {
font-family: 'Spectral';
font-weight: 500;
font-size: 1.1em;
line-height: 1.15em;
}
.project-cover {
width: 100%;
height: 100%;
background: linear-gradient(black, transparent 118%);
position: absolute;
z-index: 10;
filter: none;
}
.date {
display: none;
}
figcaption p {
margin-top: 3px;
}
}
\ No newline at end of file
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