0

how can the title "Kamera" in the same height as the other "Kamera" title?

      <section class="choose-header">

        <section class="item item_one">
          <button class="button"><i class="fas fa-plus"></i></button>
          <section class="list">
            <section class="theme display">
              <h3>Display:</h3>
              <p>1024px</p>
            </section>
            <section class="theme kamera">
              <h3>Kamera:</h3>
              <p>1024px</p>
            </section>
            <section class="theme dxomarktest">
              <h3>Dxomarktest:</h3>
              <p>1024px</p>
            </section>
            <section class="theme akku">
              <h3>Akku:</h3>
              <p>1024px</p>
            </section>
            <section class="theme speicher">
              <h3>Speicher:</h3>
              <p>1024px</p>
            </section>
            <section class="theme prozessor">
              <h3>Prozessor:</h3>
              <p>1024px</p>
            </section>
            <section class="theme wasserdichtigkeit">
              <h3>Wasserdichtigkeit:</h3>
              <p>1024px</p>
            </section>
            <section class="theme sonstiges">
              <h3>Sonstiges:</h3>
              <p>1024px</p>
            </section>
          </section>
        </section>
      
        <section class="item item_two">
          <button class="button"><i class="fas fa-plus"></i></button>
          <section class="list">
            <section class="theme display">
              <h3>Display:</h3>
              <p>1024px</p>
            </section>
            <section class="theme kamera">
              <h3>Kamera:</h3>
              <p>1024px</p>
            </section>
            <section class="theme dxomarktest">
              <h3>Dxomarktest:</h3>
              <p>1024px</p>
            </section>
            <section class="theme akku">
              <h3>Akku:</h3>
              <p>1024px</p>
            </section>
            <section class="theme speicher">
              <h3>Speicher:</h3>
              <p>1024px</p>
            </section>
            <section class="theme prozessor">
              <h3>Prozessor:</h3>
              <p>1024px</p>
            </section>
            <section class="theme wasserdichtigkeit">
              <h3>Wasserdichtigkeit:</h3>
              <p>1024px</p>
            </section>
            <section class="theme sonstiges">
              <h3>Sonstiges:</h3>
              <p>1024px</p>
            </section>
          </section>
        </section>
      
      </section>

css

.choose-header {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  padding: 24px;
}

.item {
  margin: 0em auto;
  text-align: center;
  width: 150px;
}

enter image description here

..................................................................................................................................................................................................................................................................................................................................................

locklock123
  • 147
  • 8

0 Answers0