Why my flexbox resizing images only at center content justification
تبليغسؤال
يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.
I’m facing an issue with the flexbox. I’m trying to create a responsive grid but my images aren’t resizing. Once I’m setting justify-conter:center, the image seems to respond, but if i want to place the image in another alignment it doesn’t resizing in width changing on dev tools.
Any solutions to that?
.outer1 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.inner1 {
margin-left:200px;
}
<div class=”outer1″>
<div class=”inner1″>
<img src=”https://images.pexels.com/photos/12040576/pexels-photo-12040576.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1″ alt=”annie-spratt-QckxruozjRg-unsplash”>
</div>
<div class=”inner2″>
<p>test</p>
</div>
</div>
أضف إجابة