| by Gagandeep Singh | No comments

Understanding em in CSS

This post will be a quick introduction to what exactly is ’em’ in css. If simply explained, em is equal to the font-size of the element to which the em is applied. For example, in the below code the value of em inside mainClass will be 20px, so 0.5em will be 10px. .mainClass{ font-size:20px; padding:0.5em; […]

Read More
| by Gagandeep Singh | No comments

Working with Sprite Sheet using CSS

What is a Sprite image? Let us first understand what we mean by Sprite image. Sprite image is a single image which contains multiple images inside it i.e. multiple images saved inside a single image with specifically defined X and Y coordinates. For example, check the below image which contains many images inside it: Why […]

Read More
| by Gagandeep Singh | No comments

SCSS/SASS to CSS Using Gulp

In this post we will see how we can use Gulp to convert our SCSS file to CSS. To get more information on SASS check their official website. NOTE: To see how to minify a JavaScript file using Gulp check the following post. I will assume that you have Gulp installed on your system and […]

Read More