archiwum/gractwo-pl
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

little fixes and femboy bozia

Browse Source
This commit is contained in:
Stanislaw
2022-05-14 21:46:05 +02:00
parent 87381cf6b8
commit 2a6fa2d48d
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Banner.js
View File

@@ -2,7 +2,7 @@ export default function Banner() {
return ( return (
<> <>
<section className="banner"> <section className="banner">
<div /> <img src="https://static.wikia.nocookie.net/42382a7a-14b7-4de3-b9eb-bb4c07618498/scale-to-width/755" />
<h1>Remont strony</h1> <h1>Remont strony</h1>
<p>Tutaj znajdzie się banner ze zdjęciem.</p> <p>Tutaj znajdzie się banner ze zdjęciem.</p>
</section> </section>

10
styles/globals.scss
View File

@@ -66,10 +66,11 @@ nav.main {
section.banner { section.banner {
display: flex; display: flex;
overflow: hidden;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 25rem; height: 30rem;
padding-top: 4rem; padding-top: 4rem;
h1, h1,
p { p {
@@ -89,6 +90,11 @@ section.banner {
background-size: cover; background-size: cover;
background-color: var(--black0); background-color: var(--black0);
} }
img {
filter: blur(0.25rem);
margin-top: 26rem;
width: 100%;
}
} }
article.main { article.main {
width: 100%; width: 100%;
@@ -98,7 +104,7 @@ article.main {
margin: 2rem; margin: 2rem;
display: grid; display: grid;
grid-gap: 2rem; grid-gap: 2rem;
grid-template-rows: repeat(4, 10rem); grid-template-rows: repeat(2, 10rem);
grid-template-columns: repeat(7, 11rem); grid-template-columns: repeat(7, 11rem);
div { div {
display: flex; display: flex;