Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Pamiętaj o możliwości zagnieżdżania SCSS:
- .welcom {
- background-image: url("/images/p0.jpg");
- height: 550px;
- object-fit: contain;
- position: relative;
- img {
- height: 500px;
- width: 100%;
- object-fit: cover;
- filter: brightness(65%);
- }
- }
- Tak bym dodał przyciemnienie w bannerze:
- .welcom::after{
- content: "";
- display: block;
- position: absolute;
- background: #000;
- opacity: 0.4;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- }
- Trzeba tylko wtedy dodawać z-index do elementów w .welcome
- Dałbym większy padding na sekcje poszczególne. Stosuj <section> zamiast <div> dla tych głównych pudełek.
- Nie dawajmy samego "col" - dajmy tam "col-12 col-md-4"
- Wrzućmy div o klasie .card-deck do col-md-4. Wywalmy tę klasę z tych kolumn.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement