📌 HTML Responsive Web Design
• Responsive web design is about creating web pages that look good on all devices.
• A responsive web design will automatically adjust for different screen sizes and viewports.
• Responsive web design is about creating web pages that look good on all devices.
• A responsive web design will automatically adjust for different screen sizes and viewports.
→ What is responsive web design?
• Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones).
• Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones).
📌 Steps For Responsive Web Design
→ There are many measures taken for making Web page responsive, which are as follows:
1️⃣ Setting the viewport
2️⃣ Responsive Image
3️⃣ Responsive Text Size
4️⃣ Media Queries
→ There are many measures taken for making Web page responsive, which are as follows:
1️⃣ Setting the viewport
2️⃣ Responsive Image
3️⃣ Responsive Text Size
4️⃣ Media Queries
📌 Responsive Text Size
→ The text size can be set with a "vw" unit, which means the "viewport width".
→ That way the text size will follow the size of the browser window.
→ Viewport is the browser window size. 1vw = 1% of viewport width.
→ The text size can be set with a "vw" unit, which means the "viewport width".
→ That way the text size will follow the size of the browser window.
→ Viewport is the browser window size. 1vw = 1% of viewport width.
Thanks for reading this thread ❤️
If you like it , make sure you:
🔷 Like the tweet
🔷 Retweet the first tweet ⚡
For more content , follow:
@MrunayU
If you like it , make sure you:
🔷 Like the tweet
🔷 Retweet the first tweet ⚡
For more content , follow:
@MrunayU
You can read the unrolled version of this thread here: typefully.com
جاري تحميل الاقتراحات...