Jak takie coś zrobić?

Question

Witam, mam problem ponieważ na stronie: https://aurolia-css.github.io/ mam tkz. "Karty". Są one zamknięte w znaczniku "container" i "row", (dodają one marginesy i display: flex i coś jeszcze). powinny rozciągać się na 100% ekranu a są tylko na ok. 70-80 %. (Nie pomaga nadanie im width: 100% ani usunięcie znaczników container i row). Jak to naprawić?

Answer 1

Najlepiej pokaż co jest w computed styles w devtoolsach, nie ma czasem jakiegoś marginesu czy paddingu?

Comments

O takie coś chodziło? Ma marginesy różne

---

no to sprawdź teraz w tej konsoli co tam dokładnie jest, jak widzę na tej stronie to tam w ogóle jest jakaś sieczka z tymi marginesami i paddingami, co Ty dokładnie chcesz zrobić bo niezbyt rozumiem?

@media only screen and (min-width: 60rem) {
.container {
box-sizing: border-box;
width: 60rem;
margin-right: auto;
margin-left: auto;
padding-left: 1rem;
padding-right: 1rem;
}

tu widzę, że ustawiasz na sztywno 60rem więc jak chcesz aby się rozciągnęło na 100% ekranu? Przeanalizuj dokładnie sobie co tam masz za wyliczone style i debuguj to z konsoli.

---

Napisałem na szybko kodzik 

.container {
        padding: 0 !important;
        margin: 0 !important;
    }

I zostało 

---

A i zapomniałem chcę żeby te karty były w 100% dostępnego miejsca