From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Remove gaps around the image - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Remove gaps around the image
- [Instructor] In the previous video we inserted a responsive image in a single column row below the navbar, but between the image and the navbar, there's this ugly gap. Also on either side of the image we've got some white space. To find out what's causing those gaps, we need to turn on inspect mode in live view, that's this bif icon in the common toolbar on the left. Click that and then start mousing over, and the various elements are highlighted showing where we've got padding and margins. And green overlay indicates padding, I'm currently over that gap and we've got green going all the way up to the top of the page. And if you look down at the bottom left, there's a tool tip which indicates that that padding has been applied to the body, so we'll need to fix that on the body. And if we mouse over the right hand side, there's also green overlay there. We don't see the green overlay on the left hand side because that's hidden by the ruler but that tool tip indicates that the padding…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.