Verified Commit 4cbae147 authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

fixes for formatting on various screen sizes

parent d0694657
...@@ -194,6 +194,21 @@ label.input-toggle { ...@@ -194,6 +194,21 @@ label.input-toggle {
position: relative; position: relative;
} }
@media(max-width: 500px) {
#lap-cookies-banner .banner-intro {
width: 60%;
position: relative;
left: 20%;
text-align: left;
}
#lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative;
left: 25%;
top: 10px;
width: 50%;
}
}
@media(max-width: 1100px) { @media(max-width: 1100px) {
#lap-cookies-banner .banner-intro { #lap-cookies-banner .banner-intro {
width: 90%; width: 90%;
...@@ -209,8 +224,35 @@ label.input-toggle { ...@@ -209,8 +224,35 @@ label.input-toggle {
} }
#lap-cookies-banner .banner-buttons .banner-buttons-more { #lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative; position: relative;
left: 40%; left: 25%;
top: 10px; top: 10px;
width: 50%;
}
}
@media(max-width: 1600px) {
#lap-cookies-banner .banner-intro {
width: 60%;
position: relative;
left: 20%;
text-align: left;
}
}
/* ultra-wide screen */
@media(min-width: 2400px) {
#lap-cookies-banner .banner-intro {
position: relative;
text-align: left;
max-width: 800px;
left: 35%;
}
#lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative;
left: 50%;
top: -28px;
width: 20%; width: 20%;
} }
} }
\ 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