قالب:أبيات/styles.css

.abyat-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: justify;
  text-align-last: justify;
  margin: auto;
}

.abyat-wrapper.mashtoor {
	grid-template-columns: 1fr;
	padding-left: 0; 
}

.abyat-single_bayt {
  grid-column: 2 / 4;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.abyat-wrapper > div {
    white-space: nowrap;
    break-inside: avoid;
    page-break-inside:avoid;
}

.abyat-sdr {
	grid-column: 1 / 3;
    padding-left: 1em;
}

.abyat-ajz {
	grid-column: 3 / 5;
    padding-right: 1em;
}

/* تنسيق شطر شطر */
.abyat-wrapper.abyat-shaterbyshater {
	grid-template-columns: 1fr;	
}

.abyat-shaterbyshater .abyat-single_bayt {
  grid-column: unset;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.abyat-shaterbyshater .abyat-sdr {
	grid-column: unset;
    padding-left: 5em;
}
.abyat-shaterbyshater .abyat-ajz {
	grid-column: unset;
    padding-right: 5em;
}
@media screen and (max-width: 600px) {
	.abyat-wrapper {
		grid-template-columns: 1fr;	
	}
	
	.abyat-single_bayt {
	  grid-column: unset;
	  padding-left: 2.5em;
	  padding-right: 2.5em;
	}
	.abyat-sdr {
		grid-column: unset;
	    padding-left: 5em;
	}
	.abyat-ajz {
		grid-column: unset;
	    padding-right: 5em;
	}
}