Regina Schaukrug: Problem mit css-grid

Beitrag lesen

So gehts:

nav
{

	background: #F2F2F2;
  vertical-align: middle;
	height: 85px;
	padding: 15px;
}

.container {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  grid-gap: 5px;
  justify-items: start;
}

.container_l {
   grid-row: 1;
   grid-column: 1 / 3;
   background:#D2FFD2;
	 width:100%;
   height:100%;
}

.container_m {
   grid-row: 1;
   grid-column: 2 / 3; 
   background:#D2E9FF;
   width:100%;
   height:100%;
}

.container_r {
   grid-row: 1;
   grid-column: 3 / 3;
   background:#FFFFAE;
   width:100%;
	 height:100%;

}

.container footer {
   grid-row: 2;
   grid-column: 1 / 1;
   background:#FFFF00;
   width:100%
}

Zu dem, was Gunnar schon "sagte": Wenn Du in grid-row falsche Angaben machst, dann darfst Du Dich nicht wundern.

0 46

Problem mit css-grid

Pit
  • css
  • grid
  1. 0
    Gunnar Bittersmann
    1. 0
      Pit
  2. 0
    Regina Schaukrug
    1. 0
      Gunnar Bittersmann
      1. 0
        Regina Schaukrug
    2. 0
      Pit
  3. 0
    Tabellenkalk
  4. 0
    einsiedler
    1. 0
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        1. 0
          einsiedler
          1. 0
            Gunnar Bittersmann
            1. 0
              einsiedler
              1. 0
                marctrix
              2. 0
                Gunnar Bittersmann
                1. 0
                  einsiedler
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      einsiedler
                  2. 0
                    einsiedler
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        einsiedler
      2. 0
        Felix Riesterer
        • html
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
            1. 1
              Gunnar Bittersmann
              1. 0
                marctrix
            2. 0
              Matthias Apsel
              • markdown
              • zu diesem forum
              1. 0
                marctrix
      3. 0
        marctrix
    2. 0
      marctrix
  5. 0
    MrMurphy1
    1. 0
      einsiedler
      1. 0
        MrMurphy1
        1. 0
          einsiedler
          1. 0
            MrMurphy1
            1. 0
              Gunnar Bittersmann
              • css
              • html
          2. 0
            Gunnar Bittersmann
            1. 0
              einsiedler
              1. 0
                Gunnar Bittersmann
                1. 0
                  einsiedler
                  1. 1
                    Gunnar Bittersmann
                    1. 0
                      einsiedler
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          einsiedler
                          1. 1
                            MrMurphy1