Commit 5a3bcd27 authored by Hanna's avatar Hanna
Browse files

fix: css issues

parent f25a79a4
Pipeline #30221 passed with stage
in 46 seconds
......@@ -117,16 +117,6 @@ html {
/* 90 (height of nav) and a 15 for extra space*/
}
/* First element after header needs margin on top*/
/* .block-hero-2 {
margin-top: 90px;
}
*/
/* .headspace {
min-height: 90px;
} */
/* Double call to action */
......@@ -196,38 +186,6 @@ ul,
}
/* Adjusting the size of elements */
@media screen and (min-width:700px) {
.block-hero-2 .column.text {
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.block-hero-2 .column.media {
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.block-hero-2 .column.media img {
width: 25vw;
max-width: 350px
}
header {
z-index: 9999;
background-color: #fff;
position: sticky;
top: 0;
width: 100%;
height: 90px;
}
.block-hero-2 {
padding: 3rem 4rem;
}
}
/* Increase font sizes */
column.text p {
font-size: 20px;
......@@ -320,10 +278,60 @@ column.text p {
.block-footer-2 img {
max-width: 200px;
max-width: 100px;
}
.block-footer-2 .column {
min-width: 200px;
flex: 0 0 calc(100% - 4rem);
-ms-flex: 0 0 calc(100% - 4rem);
}
.block-footer-2 .column:first-child {
text-align: center;
}
/* Adjusting the size of elements based on screen size */
@media screen and (min-width:700px) {
.block-hero-2 .column.text {
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.block-hero-2 .column.media {
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.block-hero-2 .column.media img {
width: 25vw;
max-width: 350px
}
header {
z-index: 9999;
background-color: #fff;
position: sticky;
top: 0;
width: 100%;
height: 90px;
}
.block-hero-2 {
padding: 3rem 4rem;
}
}
@media screen and (min-width:1200px) {
.block-footer-2 .column {
flex: 0 0 calc(25% - 4rem);
-ms-flex: 0 0 calc(25% - 4rem);
}
.block-footer-2 img {
max-width: 200px;
}
}
\ No newline at end of file
......@@ -237,7 +237,7 @@ page_sections:
col_2:
headline: Privacy by Design Foundation
content: IRMA wordt gemaakt door de stichting <a href="https://privacybydesign.foundation/" target="_blank">Privacy
by Design</a>. Uitgebreidere uitleg over de werking van IRMA wordt gegeven door de stichting Privacy by Design op haar eigen <a href="https://privacybydesign.foundation/irma-uitleg/" target="_blank">website </a>.
by Design</a>. Uitgebreidere uitleg over de werking van IRMA wordt gegeven door de stichting Privacy by Design op haar eigen <a href="https://privacybydesign.foundation/irma-uitleg/" target="_blank">website</a>.
col_3:
headline: Docs
content: Ontwikkelaars die met IRMA willen werken kunnen terecht op de technische <a href="https://irma.app/docs" target="_blank">documentatie</a>.
......
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