From c3dd2a6d44ef929e0832ce6dca53a818e6711218 Mon Sep 17 00:00:00 2001 From: Kamal Wickramanayake Date: Sat, 4 Jul 2026 14:35:25 +0530 Subject: Added CSS examples --- css/06-css-units/images/hulftsdorp.jpg | Bin 0 -> 115681 bytes css/06-css-units/index.html | 111 +++++++++++++++++++++++++++++++++ 2 files changed, 111 insertions(+) create mode 100644 css/06-css-units/images/hulftsdorp.jpg create mode 100644 css/06-css-units/index.html (limited to 'css/06-css-units') diff --git a/css/06-css-units/images/hulftsdorp.jpg b/css/06-css-units/images/hulftsdorp.jpg new file mode 100644 index 0000000..ab88942 Binary files /dev/null and b/css/06-css-units/images/hulftsdorp.jpg differ diff --git a/css/06-css-units/index.html b/css/06-css-units/index.html new file mode 100644 index 0000000..6b6b872 --- /dev/null +++ b/css/06-css-units/index.html @@ -0,0 +1,111 @@ + + + + + + Modern CSS Units Demo + + + + +
+

Responsive Layout with CSS Units

+

This section uses vh for height and vw for width. The typography uses rem and ch.

+
+ +
+
+

The Card Heading

+

This card's padding and margins scale relative to its own font-size using the em unit. The card width is controlled by percentages and absolute pixels.

+
+ + Hulftsdorp, Colombo +
+
+
+ + + + -- cgit v1.2.3