GitHub 0★

Feature list

<!-- Feature item -->
<div class="container">
    <!-- Image -->
    <div class="container__image">
        ...
    </div>


    <!-- Right side -->
    <div class="container__feature">
        ...
    </div>
</div>


<!-- Repeated items -->
...
.container {
                        display: flex;


                        /* OPTIONAL: Reverse the order of image and content */
                        flex-direction: row-reverse;


                        /* OPTIONAL: Spacing between items */
                        margin: 16px 0;
                    }


                    .container__image {
                        width: 128px;
                    }


                    .container__feature {
                        /* Take the remaining width */
                        flex: 1;
                    }

See also

Feature comparison