Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 42ce95bb authored by HGouttebroze's avatar HGouttebroze
Browse files

WIP: fix responsive bug on small size screens. Stay to change some CSS...

WIP: fix responsive bug on small size screens. Stay to change some CSS properties on medias queries for more genericity
parent cedc8eec
No related branches found
No related tags found
1 merge request!24Resolve "fix responsive style of header to mobile"
Pipeline #2594 passed
...@@ -10,7 +10,7 @@ function HomepageHeader() { ...@@ -10,7 +10,7 @@ function HomepageHeader() {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<header className={styles.heroBanner}> <header className={styles.heroBanner}>
<div className="container"> <div className="sections container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <p className="hero__subtitle">{siteConfig.tagline}</p>
<Link className="button button--warning button--lg" to="https://youtu.be/gOCOai6wX_w"> <Link className="button button--warning button--lg" to="https://youtu.be/gOCOai6wX_w">
......
...@@ -13,13 +13,7 @@ ...@@ -13,13 +13,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--ifm-color-light-green); background-color: var(--ifm-color-light-green);
}
@media screen and (max-width: 966px) {
.heroBanner {
padding: 2rem;
}
} }
.container { .container {
...@@ -28,3 +22,18 @@ ...@@ -28,3 +22,18 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@media screen and (max-width: 966px) {
.heroBanner {
padding: 2rem;
}
}
@media screen and (max-width: 767px) {
header {
height: 100%;
}
.heroBanner {
padding: 1rem;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment