W jaki sposób wyrównać dwa divy za pomocą flexboxa?

W jaki sposób wyrównać dwa divy za pomocą flexboxa?
P1
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 640
0

Robię kalkulator w html css i javascript lecz mam pewien problem. Mianowicie chce za pomocą flexboxa ustawić znak równa się obok cyfr. Próbowałem wielu metod ale wciąż nie chce działać

Patryk27
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Wrocław
  • Postów: 13042
0

Musiałbyś wrzucić .panel-numbers oraz .equals do wspólnego kontenera, np. tak:

Kopiuj
<div class="buttons-group">
  <div class="buttons-operators">
    <!-- ... -->
  </div>
  <div class="buttons-digits">
    <div class="panel-numbers">
      <!-- ... -->
    </div>
    <div class="equal">
      <!-- ... -->
    </div>
  </div>
</div>

<style>
.buttons-digits {
  flex: 1;
}
</style>

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.