html - How to get images to span 100% of div on 3 column grid? -


Sorry for the noob question

I have a grid which is 1200px wide. I

I have 3 columns which extend the length of 1200px. I know that this issue works grid and extends 1200px, but the images do not match. I want them to go through the entire 1200 px I left image 1 left, image 3 to right and align center image alignment center Tried to do it, but it seemed that it was taken to only one place, which was one of the left, which used to leave a large space in the center, so that they did not move at the same distance.

I made my example on JSfield

  & lt; Div class = "grid" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-12" & gt; & Lt; Img src = "http://www.placehold.it/1200x50" alt = "mid image" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "colon-4" & gt; & Lt; Img src = "http://www.placehold.it/380x230" alt = "works specifically" & gt; & Lt; / Div & gt; & Lt; Div class = "colon-4" & gt; & Lt; Img src = "http://www.placehold.it/380x230" alt = "works specifically" & gt; & Lt; / Div & gt; & Lt; Div class = "colon-4" & gt; & Lt; Img src = "http://www.placehold.it/380x230" alt = "works specifically" & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

You will need to clearly set width Your images if you set them to width: 100% , then the entire column will not be distorted.



Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -