© 2022 Hashnode
#responsive-web-design
What are media queries in CSS? Have you ever wondered how some websites perfectly fit the device width on which we are viewing those sites? The answer is CSS media queries. Media queries can modify th…
Introduction Media Queries allows us to apply custom styles based on some set conditions such as media types ( e.g. print, screen & speech etc.) and media features ( e.g. width, orientation, resolutio…
I would say it is easier to make a beautiful and responsive card with CSS Grid then with Flexbox, mostly because of grid-template-areas. Now you can download the starter file from my github page and g…
clamp() is a CSS function it is used so we can have a preferred unit with minimum and maximum value syntax: clamp(min, pref, max) step by step how I usually do step 1 first, set the browser screen to …
This is a solution to the Tip calculator app challenge on Frontend Mentor. Table of contents Overview The challenge Screenshot Links My process Built with What I learned Continued development Author …
What is Responsiveness? In this growing era of technology we have different types of screens like mobile, laptops of different sizes, iPads of different sizes, and different sizes Tablets. In Web D…
Just swap localhost for your machine's local IP address; that new URL will serve to any network-connected device While building sites, your content should always be easily accessible regardless of th…
TL;DR Go look: debjit.dev (. ❛ ᴗ ❛.) Why the urgency? After buying the domain, I initially redirected it to a quick and easy Wix site. Since I was on the free plan, there was the Wix branding at the t…
Units in CSS In our daily lives, we use units to measure a variety of things, such as length, volume, and mass. And there are numerous ways to measure them, which are referred to as units. In CSS, mul…
As a young curious unemployed graduate, I had enough time to go through different things and asked myself several questions to which I still haven’t found answers yet. While on the verge of learning n…
