Tachyons Layout Clearfix
Tachyon is a toolkit that is used to create a responsive website. In this article, we will learn how to define any layout using the Tachyons toolkit.
Every website is divided into various parts like a header, menus, content, and a footer. Tachyons Layout is used to define those sub-parts of a website.
Layout Clearfix: These classes are used to prevent layout problems caused by the elements being removed from the block context of the surrounding elements.
- cf:before: This class is used to clear the floating before the element.
- cf:after: This class is used to clear the floating after the element.
- cf: This class is used to fix the floating property of the element.
<element-name class="class-name"> ... </element-name>
Example 1: In the below code, we will make a floating error and try to fix it in the next example with the help of the above classes.
Example 2: In the below code, we will make use of the cf class to fix the floating property.
Please Login to comment...