2 min readTo center a div element horizontally on a web page, you can use the margin: auto and display: block CSS properties. Here’s an example of how you can do this: Alternatively, you can use the text-align: center property to center the div element. Here’s an example of how you can do this: To center a…
3 min readOver past few years, Responsive design has become quite the hot topic in the web design community. There are various frameworks which help to build responsive design faster. One of the ways is using Viewport percentage unitsor “Viewport Units” for short, a CSS3 property which helps you to automate some aspects of your responsive design. Using viewport units,…
4 min readThe UI for languages that are written and read from right-to-left (RTL) such as Arabic, Hebrew, and Urdu, are flipped to ensure that the content is easy to understand and is compatible with the RTL languages. Let’s get started, The following are the basic steps I followed to make the UI compatible with RTL languages. The…
3 min readCSS variables, or “CSS Custom Properties”. It allows you to work with variables directly in CSS. They are very useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching and has a various polyfilling future CSS features. It believes in the principle DRY — Don’t Repeat Yourself. With the help of CSS…
