How do you make the images align in center


#1

https://www.codecademy.com/courses/web-ext/projects/html-css-prj_red-eye?user_id=58020eba2ddfa3624f000144

https://www.codecademy.com/courses/web-ext/projects/html-css-prj_red-eye?user_id=58020eba2ddfa3624f000144 - this is my website
https://s3.amazonaws.com/codecademy-content/projects/red-eye/index.html this is the website Im trying to copy.

any advice would be nice thank you!


#2

localhost mean on your computer, or in this case for your account in the lesson, we can't use it.

please copy paste your code to the forum


#3

sorry here you go - https://www.codecademy.com/courses/web-ext/projects/html-css-prj_red-eye?user_id=58020eba2ddfa3624f000144


#4

okay, assuming that works and this is your code, how is this grid layout?

you should have a row:

<div class="row">

</div>

then inside the row 6 columns for the images:

<div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
</div>

in each col you should have an image, not really the structure you follow

You don't really follow this structure, you do understand the grid system, right?


#5

I got it now! thanks! all I had to do was fix my closing tag divs and put it in the right place.


#6

yep, the grid system had to be good, a few tags where indeed a bit off

good you fixed it :slight_smile: