© 2022 Hashnode
Wow! It's been quite a while and it feels good to write again. We're going to be looking at CSS media queries and how it can be beneficial to us in building webapps/websites. Prerequisite Basic knowle…
What is a Responsive Website? Responsive websites adapt to all devices and screen sizes, whether it's a desktop, laptop, tablet, or a smartphone, by automatically changing to the screen size. We accom…
As a returning web developer, I found several things changed since I took a pause from the field. I thought I had better look at the basic tools I used on a daily basis in my work before learning anything new. When decided to jump back into…
I recently started using Sass and can confidently say I don't think I'll ever go back to voluntarily using plain CSS again. The ease and speed at which I can style my code is too much of a convenience…
Using Styled-components, I have tried several ways to apply global styling & media queries to my React App. I'm here to share my preferred method this far (until I find another better way, of course!…
We want our web applications to be accessible on various devices. With CSS, we can address layout and styling changes between various screen sizes. But with what web applications are capable of now in…
MDN definition of media-query: Media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and paramet…
Needed to take the day off yesterday as I received word that my aunt passed, but today taking time back out to complete the next section of Modern HTML & CSS From the Beginning which was an into to responsive layouts definitely served as a …
The addition of hooks in React 16.8 added massive improvements and made it easier than ever to reuse functionality between components. There are pre-defined hooks like useState and useEffect but, ther…
It is very important to be able to design a website whose contents looks good on all screen sizes ###What Exactly Is Responsive Design? Responsive Design is the process of making your web content fit …