وڪيپيڊيا:مُک صفحو/styles.css

.mp-main {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%; /* EI8 - EI7 */
}
.mp-right {
	flex: 65%;
	display: flex;
	flex-direction: column;
	float: right; /* EI9 - EI8 - EI7 */
	max-width: 65%; /* EI9 - EI8 - EI7 */
	width: 64%; /* EI6 - EI5 - EI4 */
}
.mp-Sec {
	padding: 10px;
	margin: 3px;
	border: 1px solid #c6c9ff;
	border-radius: 5px;
	color: #000;
	background: #fafaff;
}
.mp-tfa{
flex-grow:1;
}
.mp-tfl{
flex-grow: 1;
}
.mp-intro  tr:nth-child(2)  table {
	float: left !important;
}
.mp-itn{
 flex-grow: 3;
}
.mp-tid{
 flex-grow: 2;
}
.mp-dyk{
   flex-grow: 3;
}
.mp-cil{
    flex-grow: 2;
}
div.custom-image img:nth-child(1) {
    width: 100%;
}
.mp-left {
	flex: 35%;
    display: flex;
    flex-direction: column;
    float: left; /* EI9 - EI8 - EI7*/
	max-width: 35%; /* EI9 - EI8 - EI7*/
	width: 35%; /* EI6 - EI5 - EI4 */
}
@media screen and (max-width: 845px) {

	.mp-main {
    	flex-direction: column;
    }
    
 
    .mp-right {
		float: none; 
		min-width: 100%; 
	}
	.mp-left {
		float: none; /* EI9 */
		min-width: 100%; /* EI9 */
	}

}