Gridboksy i niechciane marginesy.

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.

tytan1 width: auto zamiast 50px?
Czy chcesz go przykeić do prawej strony z szerokością 50px? Jeżeli tak to dodaj margin-left: auto;

@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.

Spróbuj tego:

#tytan{      	
    display:grid;
    grid:'aa bb' auto
         'aa cc' auto
        / auto 100%;
  width:100%;
 border:1px solid black;
}

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;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/grid