Login or Subscribe to watch video
Subscribe to download class files
Subscribe to download completed files
Video: 10 of 13
Questions & Comments
Login to ask a question or comment
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!)
Tayla Coman - 1 month ago
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.
THANKS! I will try this, and re-upload the (successful, hopefully) results!
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/
You haven't closed the .logo class in your style.css. You need to close that class with a }
Sorry, your #logo ID.
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...
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
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??)
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.
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!? :)