/* Menastar Limited
Style Sheet for Multi Content Blocks Picture | Text
Created 14th March 2020
Assumption is that the HTML file has defined in its area the following:-
*/
/* Uncomment this 'prefix block' to help see what is going on
.multi-block-container, .multi-block-inner-right
{ border: blue 1px dotted; }
.multi-block-inner-left
{ background-color: #bbb; }
.multi-block-inner-right
{ background-color: #ddd; }
/* End of debug area */
.multi-block-container
{ display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.multi-block-inner-left
{ flex: 25%;
max-width: 300px;
padding-left: 0px;
padding-right: 5px;
}
.multi-block-inner-right
{ flex: 75%;
padding-left: 10px;
padding-right: 5px;
text-align: justify;
text-justify: inter-word;
}
.multi-block-inner-left img
{ width: 100%;
height: auto;
margin-top: 15px;
border-radius: 8px;
}