---
title: "Discussion on \"Make your website responsive in 3 easy steps\" | Hashnode"
description: "Discussion on \"Make your website responsive in 3 easy steps\". We are going to follow 3 main steps:\n\nhtml { font-size: 62.5% }\n\nUse \"rem\" instead of \"px\"\n\nUpdate media query\n\n\nStep 1\n• Set the font size of html to 62.5%\n\nStep 2\n• Use \"rem\" instead of \"px\" unit\n• rem is relative to the font size of the root eleme..."
url: "https://hashnode.com/posts/make-your-website-responsive-in-3-easy-steps/62c533b8d2e08c68f6e79eb0"
---

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

Discussion

# [Make your website responsive in 3 easy steps](https://imalfaiz.hashnode.dev/make-your-website-responsive-in-3-easy-steps?utm_source=hashnode&utm_medium=feed)

We are going to follow 3 main steps: html { font-size: 62.5% } Use "rem" instead of "px" Update media query Step 1 • Set the font size of html to 62.5% Step 2 • Use "rem" instead of "px" unit • rem is relative to the font size of the root eleme...

Jul 6, 2022 · 2 min read · imalfaiz.hashnode.dev  
Read the article

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

## Written by

[Alfaiz ⚡](https://hashnode.com/@imAlfaiz)

@imAlfaiz · India

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

Frontend Developer | Content Creator

Front-end Developer | Content Creator | Tech Writer My Blogs will help you understand web dev topics.

## Responses 2

Markdown supported · ⌘↵ to post

[Praise Idise](https://hashnode.com/@Kevwe)

[Jul 6, 2022](https://hashnode.com/posts/make-your-website-responsive-in-3-easy-steps/62c533b8d2e08c68f6e79eb0/comment/62c59fe37b0f3b700c545a45)

This is well written

[Alfaiz ⚡](https://hashnode.com/@imAlfaiz)

[Jul 6, 2022](https://hashnode.com/posts/make-your-website-responsive-in-3-easy-steps/62c533b8d2e08c68f6e79eb0/comment/62c59fe37b0f3b700c545a45#reply-62c5d19ec8efe473b8fe4838)

Thanks for your kind words Praise :)

[Tilak Jain](https://hashnode.com/@CodewithTilak)

[Jul 6, 2022](https://hashnode.com/posts/make-your-website-responsive-in-3-easy-steps/62c533b8d2e08c68f6e79eb0/comment/62c53c546fd02568d1d28242)

Great Post and also if you have images in your website, set it's width to 100%.

[Alfaiz ⚡](https://hashnode.com/@imAlfaiz)

[Jul 6, 2022](https://hashnode.com/posts/make-your-website-responsive-in-3-easy-steps/62c533b8d2e08c68f6e79eb0/comment/62c53c546fd02568d1d28242#reply-62c5d1bfc8efe473b8fe483d)

Thanks for mentioning it :)