Any css designers here?
Discussion
Hi All,
I am working on a website and want to use css grid or flexbox two display two columns (got this right) but in one column I want two have two child divs positioned side by side (just squares).
This seems to be impossible to implement! Any css experts here who could assist over email?\
I am working on a website and want to use css grid or flexbox two display two columns (got this right) but in one column I want two have two child divs positioned side by side (just squares).
This seems to be impossible to implement! Any css experts here who could assist over email?\
I could have a look if you want to send me the code, but flex-wrap is what you’re looking for:
https://css-tricks.com/almanac/properties/f/flex-w...
https://css-tricks.com/almanac/properties/f/flex-w...
Ok so take the code below:
<div class="row">
<div class="column"></div>
<div class="column"></div>
</div>
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
In one column I want to add two child divs that are side-by-side but can't get this right.
So this is all I need to implement.
<div class="row">
<div class="column"></div>
<div class="column"></div>
</div>
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
In one column I want to add two child divs that are side-by-side but can't get this right.
So this is all I need to implement.
Am I being thick? Don't you want three columns, two of 25% and one of 50%?
Therefore the example of three unequal columns:
https://www.w3schools.com/howto/howto_css_three_co...
Therefore the example of three unequal columns:
https://www.w3schools.com/howto/howto_css_three_co...
Gassing Station | Computers, Gadgets & Stuff | Top of Page | What's New | My Stuff


