DEV Community

Discussion on: [FIXED FOR NOW] Need help with flexbox

View post
Collapse
 
joelbonetr profile image
JoelBonetR 🥇 • • Edited

Does that suit the use case?

.flexrow {
  display: flex;
  flex-flow: row wrap;
}
.element {
  flex: 0 1 50%;
  max-width: 50%;
}
Enter fullscreen mode Exit fullscreen mode 
<div class="flexrow">
  <div class="element"> something 1</div>
  <div class="element"> something 2</div>
  <div class="element"> something 3</div>
  <div class="element"> something 4</div>
</div>
Enter fullscreen mode Exit fullscreen mode

Regards

Collapse
 
eixi profile image
Eixi •

thank you for the help! i just googled about this and found a codepen that has similar stuff u got. i got the stuff resolved for now. thank you for the help :D

Collapse
 
joelbonetr profile image
JoelBonetR 🥇 •

😁 if you search Katana UI in codepen you may found a bunch of stuff I coded some time ago, plenty of flexbox things.
Also check my profile for posts around CSS with and without flex.

Cheers!