Subscribe
Sign in
Flex — Flexbox's are a pain to write, Flex makes it easy.
Flexbox's are cool, but a pain in the dairy air to write. Flex makes it easy. Generate CSS to quickly make grids, columns, just about whatever you could think of, all thanks to the wonders of Flexbox.
25
Replies
@lukasjorissen Not quite familiar with CSS grids, however this isn't a columns framework I was attempting to build, it's simply just aligning content without being overly bulky. i.e centering a specific div is as simple as..
```
display: flex;
justify-content: center; align-items: center;
```
@lukasjorissen @jake_howell1 They can both be used together depending on the purpose. https://developer.mozilla.org/en...
Really cool, however the select boxes are annoying, if they were visible as radio buttons or when you clicked the input it cycled through the options that would be cool. I agree with @ariel_jedrzejczak also, scrolling is annoying.
@ariel_jedrzejczak Gday, yeah I noticed that too when jumping into Safari, i've pushed a fix out!
@ariel_jedrzejczak Ya I straight up thought the site was broken when I first entered it. I was trying to scroll on the middle pane and nothing was happening. Even after seeing the arrow I clicked on the arrow thinking it would do something. I didn't realize I had to click on the left side and then start scrolling til I saw this comment and realized I needed to keep scrolling somewhere to make it work. Maybe make it scroll a little bit for the user if they click that pulsing arrow to show them the left panel scrolls.
@ariel_jedrzejczak @tm0neys Yep same here? Maybe if they click the bouncing arrow push the page. Also a bouncing arrow does not really indicate scroll all too much :P
Nice initiative! After adding a few more properties it will become as valuable as the Flexy Boxes project: https://the-echoplex.net/flexybo...
Nice idea! Let me make 1 suggestion though: Making a selection in a drop down menu triggers a "startDrag" (or something) on OSX Safari, which makes the flow go haywire.
@olivierjanssen Gday, yeah it seemed to buggering up for me too, guess I can't rely on new CSS values. Heh.
I hope this would be maintained in the long term
Pros:Easy to use. Solves a common problem
Cons:It could include other flex properties
Hi y'all, here's something I threw together on my Sunday morning. Hope you enjoy!
HN+ : HackerNews Plus