Posts for CSS

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML.

CSS box-sizing Property – explained

The box-sizing property CSS defines how the width and height of an element are calculated, that is,  should they include padding and borders, or not. Contents Introduction Box-sizing values Without the CSS box-sizing Property With the CSS box-sizing property Box-sizing reset Methods Conclusion Introduction The box-sizing property can make building CSS layouts easier and a […]

September 3, 2020 in CSS & Snippets

Inline vs inline-block Display in CSS

In this article, we will see the difference between Inline vs. inline-block The display property defines how the components are going to be placed on the web page. Contents Syntax Inline-block Example Inline Example Conclusion Syntax Inline-block Allows setting a width and height on the element. The top and bottom margins/paddings are respected. Does not add a […]

August 26, 2020 in CSS & Snippets
Emmanuel
Emmanuel wrote

Creating Flipping Cards Using HTML & CSS

In this Article, we will learn how to create, flipping cards using just HTML and CSS. This tutorial assumes you have basic knowledge of HTML and CSS as we won’t go into detail of the introduction of the duo. Prerequisite· Laptop/desktop computer· Code editor of your choice — my case PhpStorm· Attention File Structure In this tutorial, […]

March 11, 2020 in Code examples & CSS