flex grid

in html/css i want to create a 2 by 2 grid of flexable size not known until runtime.
I have some pictures of varying size which i want placed nex to each other wihout much of a gap. the picture description is on col2 and pics are in col1. i want the descrption to apear next to the pic.

how do i create  this so i dont need to put a fixed width

     
 <div class="One"> </div>
 <div class="two"> </div>
 <div class="three"> </div>
 <div class="four"> </div>
jagguyAsked:
Who is Participating?
 
NeuropsykopatCommented:
<div id="pic1" style="float:left>
<div><img></div>
<div>description1</div>
</div>
<div id="pic2" style="float:left>
<div><img></div>
<div>description2</div>
</div>
0
 
jagguyAuthor Commented:
nope didnt change anything.

0
 
jagguyAuthor Commented:
i float right and it works with a wrapper
0
 
jagguyAuthor Commented:
needed tinkering with my last post
0
 
NeuropsykopatCommented:
1 left and 1 right ?   [  ]  <--   --> [  ]

and 2 lefts don't work in your case ?  [ ] [ ] <--

don't forget to add clear:both style at the next div
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.