Mamy sobie oto kod na stronie: https://jsfiddle.net/aowdk14u/ jak zrobić, by nie było marginesów pomiędzy tytan1, a tytan2 i tytan3, tzn., aby tytan1 dotykał się obramowaniem z tytan2 i tytan3.
0
0
tytan1 width: auto zamiast 50px?
Czy chcesz go przykeić do prawej strony z szerokością 50px? Jeżeli tak to dodaj margin-left: auto;
0
@dlaFrajdy: Chcę przykleić lewy div z szerokością 50px do prawych div'ów w gridbox, tylko jak ustalić rozmiar prawych div'ów, ja tu zrobiłem 100%, ale to nie działa. Chcę, by prawe div'y dotykały lewego div'a. A margin-left:auto jakoś nie działa, jak to zrobić? A ja nie chcę przesuwać lewego div'a do prawego, za pomocą margin-left:auto.
0
Spróbuj tego:
#tytan{
display:grid;
grid:'aa bb' auto
'aa cc' auto
/ auto 100%;
width:100%;
border:1px solid black;
}
0
Jeśli używasz grida to raczej nie potrzebujesz już ręcznie ustawiać width
w poszczególnych divach.
#tytan1{
width: 50px;
}
#tytan2{
width:100%;
}
#tytan3{
width:100%;
}
Zamiast tego fragmentu musisz użyć grid-template-columns
.
#tytan{
grid-template-columns: 50px 1fr;
}