Link to home
Start Free TrialLog in
Avatar of Steve Tinsley
Steve TinsleyFlag for United Kingdom of Great Britain and Northern Ireland

asked on

CSS Layout 3 x 33% boxes with margin HELP!

I am trying to create this:
User generated image
It needs to be responsive so I thought i could use width and height 33% but im not sure the best way to do it.
My css skills are very trial an error...

#boxes {
	height: 100%;
}

#boxes .answers {
	display: inline-flex;
	width: 33%;
	height: 33vh;
	font-size:26px;
	color:#FFFFFF;
	border: 1px solid red;
    background: blue;
}

Open in new window


Any anyone help.

Thanks

Steve
SOLUTION
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image
Oops, I forgot to say: at the top I used the standard Bootstrap navbar. Obviously you can use another element: it was just to show you your layout :)
ASKER CERTIFIED SOLUTION
Avatar of Member_2_248744
Member_2_248744
Flag of United States of America image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Steve Tinsley
Steve Tinsley
Flag of United Kingdom of Great Britain and Northern Ireland image

ASKER

This is great! Thankyou!
Avatar of Member_2_248744
Member_2_248744
Flag of United States of America image
There are many, many , many  CSS tutorial web sites that you can go through and learn about using CSS, here are three you might look at -

http://www.w3schools.com/css/

https://developer.mozilla.org/en-US/docs/Web/CSS/Tutorials

http://www.tutorialspoint.com/css/