Kā padarīt, lai elements tīmekļa lapā aizņemtu 100% pieejamās platuma?

/* Display: block; lietošana ļauj elementam noklusējuma stāvoklī aizņemt visu pieejamo platumu */
element {
  display: block;
}

/* Var skaidri norādīt width: 100%; */
element {
  width: 100%;
}

/* Dažreiz ir lietderīgi ņemt vērā box-sizing, lai padding un border nepalielinātu izmēru */
element {
  width: 100%;
  box-sizing: border-box; /* border un padding iekļauti kopējā platumā */
}

/* Flex vai grid elementiem var izmantot flex-grow vai grid-column */
.container {
  display: flex;
}

.item {
  flex-grow: 1; /* Elements aizņems visu pieejamo platumu flex konteinerā */
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Piemērs: divi kolonnas, katra aizņem 1fr (brīvās telpas daļu) */
}

.grid-item {
  grid-column: span 2; /* Elements aizņems divas kolonnas */
}