Avatar of Colin Brazier
Colin BrazierFlag for United Kingdom of Great Britain and Northern Ireland

asked on 

White space in figure / img

Hi experts, hopefully this is simple but I can't find the answer.

Why is there white space at the bottom of the images here please?  http://www.col-b.uk/SLSO/

Don't worry about the rest of the layout, it's a development site!

Thanks.
CSS

Avatar of undefined
Last Comment
Julian Hansen
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

The reason is the containing figure seems to think there is content after the image.

You can make font-size on the <figure> 0
You can make the images display: block

Either solution will take the white space out
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of Colin Brazier

ASKER

Thanks Julian, amazing how I forget from one project to another!
amazing how I forget from one project to another!
Amazing how are able to remember what we do. That is why we have communities - extra eyes to help us see and remember :)
CSS
CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

43K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo