---
title: "Discussion on \"Learn responsive web design in 5 minutes\" | Hashnode"
description: "Discussion on \"Learn responsive web design in 5 minutes\". In this article, I'll teach you as many responsive design techniques as I possibly can in five minutes. This obviously isn't enough to learn it properly, but it will give you an overview of the most important concepts, which I personally define as th..."
url: "https://hashnode.com/posts/learn-responsive-web-design-in-5-minutes/5d5e939d07919f1114431ca9"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Learn responsive web design in 5 minutes](https://perborgen.hashnode.dev/learn-responsive-web-design-in-5-minutes?utm_source=hashnode&utm_medium=feed)

In this article, I'll teach you as many responsive design techniques as I possibly can in five minutes. This obviously isn't enough to learn it properly, but it will give you an overview of the most important concepts, which I personally define as th...

Aug 22, 2019 · perborgen.hashnode.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#responsive-web-design](https://hashnode.com/tag/responsive-web-design)
-   [#tutorial](https://hashnode.com/tag/tutorial)
-   [#html5](https://hashnode.com/tag/html5)

## Written by

[Per Borgen](https://hashnode.com/@perborgen)

@perborgen · Oslo, Norway

  
[View profile](https://hashnode.com/@perborgen)

Co-founder of Scrimba

Co-founder of Scrimba. Previously at Xeneta and Founders&Coders.

## Responses 3

Markdown supported · ⌘↵ to post

[Aaron victor winnercoz](https://hashnode.com/@Winnercoz)

[Aug 25, 2019](https://hashnode.com/posts/learn-responsive-web-design-in-5-minutes/5d5e939d07919f1114431ca9/comment/5d627fdf1cca40390976fd25)

Well i will say this is a nice start point for responsiveness teaching but they are more styles that can be applied

[Mihai Deta](https://hashnode.com/@mihaid)

[Aug 25, 2019](https://hashnode.com/posts/learn-responsive-web-design-in-5-minutes/5d5e939d07919f1114431ca9/comment/5d61dbf58da72bc56edcb640)

uuuu, someone reminds me of 2014, when we did it manually. nice tutorial BUT... For typography you should use a mixture of px and rem/em to have a fallback, ALWAYS have fallbacks! because you never know what browser the user has and if you set it up like you did, in all rems... well what if your site is accesed by someone who uses ie9 or ie10 were rems are partially supported? answer it will fail. soo h1 { font-size: 28px; font-size: 2rem; }

nav { font-size: 14px; font-size: 1rem; }

Also, back in 2014 we used display:inline-block, on this part the discussion is debatable, because its harder to make responsive using the display:inline-block than flex, BUT it can be done !

Another thing... well before you load your css responsive code you should reset everything (i thinks thats how its called), i mean, you make everything 0, default (body (padding:0; margin: 0} html {} etc for this you can use yui css reset [yuilibrary.com/yui/docs/cssreset](https://yuilibrary.com/yui/docs/cssreset/)

-   this will make everything simple

Good job and continue learning!!

[Ahmed Bankole](https://hashnode.com/@geekyahmed)

[Aug 23, 2019](https://hashnode.com/posts/learn-responsive-web-design-in-5-minutes/5d5e939d07919f1114431ca9/comment/5d5fc8a90fd8a06c0c5fffbf)

Nice Tutorial But i still prefer bootstrap for this

[Chidera Paul Ugwuanyi](https://hashnode.com/@chidera)

[Aug 23, 2019](https://hashnode.com/posts/learn-responsive-web-design-in-5-minutes/5d5e939d07919f1114431ca9/comment/5d5fc8a90fd8a06c0c5fffbf#reply-5d5fe235b718e004371f6ca5)

This is very helpful. Thanks a bunch.