Subscribe or Login to watch video

Login or Subscribe to watch video

10 - Adding our image grid


Questions & Comments

ron labbe - 1 month ago

Hello~ I have setup the grid, using my images instead of Dans... it works fine in the "Live" DW preview, but in a browser the grid doesn't "flow" properly. I've uploaded here http://studio3d.com/byol_test2/indexA.html HELP!? (thanks!)

Administrator Tayla Coman - 1 month ago

Hi Ron, This is likely a result of the 3rd item on the top row not breaking into two lines as the first 2 items do, therefore creating an inconstancy of heights for the second row. This may be able to be solved by wrapping each row in their own respective Div (Check out Bootstrap Rows) Alternatively you could (and should) wrap each bit of text beneath each image in a <p> tag, and then give those p tags a minimum height.

ron labbe - 1 month ago

THANKS! I will try this, and re-upload the (successful, hopefully) results!

ron labbe - 1 month ago

Working backwards to see where the problem came in. No text, and all looks like it should work with media queries, but it's not! Why? http://studio3d.com/byol_test3/

Administrator Tayla Coman - 1 month ago

Hi Ron, You haven't closed the .logo class in your style.css. You need to close that class with a }

Administrator Tayla Coman - 1 month ago

Sorry, your #logo ID.

ron labbe - 1 month ago

Thanks, Tanya... How did I miss that? DW even had a red number warning for me! OK, I fixed it, now I will try to get my images and text...

ron labbe - 1 month ago

Hi Tayla... Thanks again! We're getting so close! I made the changes and the pictures respond properly to media queries, but the h1 breaks oddly in Firefox (but not in Chrome) just a bit into the 768 media query... ? http://studio3d.com/byol_test2/indexA.html

ron labbe - 1 month ago

This is hard! Next, I tried to add the .png logo image (repsonsive bootstrap) and I thought everything was done correctly... BUT I lost my centering of the body (why??) http://studio3d.com/byol_test4/indexB.html

Administrator Tayla Coman - 1 month ago

Hi Ron, It seems that because you've linked the Bootstrap CSS after your own stylesheet that your styles are being overwritten. Please make sure the Bootstrap CSS link comes before your style.css link to be sure that nothing is being overwritten by Bootstrap.

ron labbe - 1 month ago

THANK YOU! I would have never thought of the order of the bootstrap stylesheet, but it makes perfect sense! What would I do without you!? :)