Categories
CSS Tutorials

Custom Checkbox Button with CSS :has()

The objective is to use checkbox to have effect of group buttons that can be toggled. For example, Button Groups from Bootstrap. Now they are much easier to implement with CSS :has functional pseudo class. We’ll start with some mark up, using regular form elements. Without any styles, our design look like below. Applying Styles […]

Categories
CSS Tutorials

Always align item to one side with Flexbox

Flexbox provides all kind neat solution to complex scenarios. We will use some properties of CSS Flexbox to properly align the orphan flex item. Imagine you have the html form with two buttons. One is called submit and other one is called reset. The reset button resets the form to its initial state. These buttons […]