


Just one issue i noticed, on mobile the first button
.replyBtn
have the ::after
element under the icon pushing the label.
It seems to fix if you use:
.replyBtn .ti {
white-space: pre;
}
I have a soft spot for CSS for it's simplicity and flexibility.
I'm not much of a UX/UI expert but I love searching for design and concepts and sometimes end up putting together fun ideas just for building something that "looks/feels nice". 😎
> simplicity and flexibility
I'll give you flexibility but simple it is not 😂
I should expand on my definition of flexibility:
Regarding CSS, the general rules on CSS often seems complex but once I started using Suit CSS on plain projects (or BEM if you prefer) and CSS Modules with bundlers plus dropping any kind of framework, the only limitations became how CSS worked natively.
I also started using CSS Flexbox and CSS Grid for anything on layouts and all my problems vanished.
I also use CSS over JS for most of my interfaces, instead of replacing a section I just hide or move it with CSS allowing me to change many parts by just switching a simple class.