.container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; /* Allows items to wrap onto the next line */
}
.text-column, .image-column {
flex: 1;
padding: 20px;
box-sizing: border-box; /* Ensures padding is included in width */
}
.image-column {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
height: auto;
}
.text-column a {
font-family: ‘Exo 2’, sans-serif;
color: #FF7800;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
letter-spacing: 0.5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.text-column, .image-column {
flex-basis: 100%; /* Takes full width on small screens */
}
.text-column {
text-align: left; /* Left-aligns the text in the text column on small screens */
}
}
.container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; /* Allows items to wrap onto the next line */
}
.text-column, .image-column {
flex: 1;
padding: 20px;
box-sizing: border-box; /* Ensures padding is included in width */
}
.image-column {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
height: auto;
}
.text-column a {
font-family: ‘Exo 2’, sans-serif;
color: #FF7800;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
letter-spacing: 0.5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.text-column, .image-column {
flex-basis: 100%; /* Takes full width on small screens */
}
.text-column {
text-align: left; /* Left-aligns the text in the text column on small screens */
}
}
.container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; /* Allows items to wrap onto the next line */
}
.text-column, .image-column {
flex: 1;
padding: 20px;
box-sizing: border-box; /* Ensures padding is included in width */
}
.image-column {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
height: auto;
}
.text-column a {
font-family: ‘Exo 2’, sans-serif;
color: #FF7800;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
letter-spacing: 0.5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.text-column, .image-column {
flex-basis: 100%; /* Takes full width on small screens */
}
.text-column {
text-align: left; /* Left-aligns the text in the text column on small screens */
}
}
.container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; /* Allows items to wrap onto the next line */
}
.text-column, .image-column {
flex: 1;
padding: 20px;
box-sizing: border-box; /* Ensures padding is included in width */
}
.image-column {
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 100%;
height: auto;
}
.text-column a {
font-family: ‘Exo 2’, sans-serif;
color: #FF7800;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
letter-spacing: 0.5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.text-column, .image-column {
flex-basis: 100%; /* Takes full width on small screens */
}
.text-column {
text-align: left; /* Left-aligns the text in the text column on small screens */
}
}
