چەكلەنگەن تور بېكەتلەر * { Margin: 0; Padding: 0; SAZ Block: Boogder كىتابلىرى; } body { ئاشكارلىنىش: Flex; توغرىلاش: مەركىزى جەڭ ئېلان قىلىش: مەركىزى ئېگىزلىكى: 100vh; رەڭلىك تەگلىك: ئائىلە-ئائىلىسى: ئارىلىشىش, sans-serif; رەڭ: توغرىلاش تېكىست: مەركەز Padding: 20px; } . قاچا { رەڭلىك تەگلىك: رەڭ: توغرىلاش تېكىست: مەركەز Padding: 30px; ئەڭ چوڭ كەڭلىك: 700px; كەڭلىكى:% 100; رادىئو چېگرانى: 12px; Box-ood: 0 8PX 24PXX rgba (0,,, 0, 0.2 دىن; ئۆتكۈنچى: 0.3s ئاسان } . كەركىدان-قاغۇچى { ئاشكارلىنىش: Flex; جەڭ ئېلان قىلىش: مەركىزى گىرۋەك: 20px; } .Icon img { كەڭلىكى: 100px; ئېگىزلىكى: 100px; } H1 { SAZ خەت نۇسخىسى: 28px; Font-weights: bold; رەڭ: گىرۋەك: 20px; } P { SAZ خەت نۇسخىسى: 18PX; ئېگىزلىكى Talian: 1.6; Margin- ئاستى: 12px; رەڭ: } .highlight { Font-weights: bold; رەڭ: } .footer { SAZ خەت نۇسخىسى: 14px; رەڭ: Margin-ئۈستى: 15PX; } .Footer a { رەڭ: باشلانغۇچ تېكىستلەر: ياق. Font-weights: bold; ئۆتكۈنچى: 0.3 } . A: hover { رەڭ: } / * ئىنكاسچان كۈچ * / @Media (Max-Moundth: 768Px) { . قاچا { Padding: 20px; } H1 { SAZ خەت نۇسخىسى: 24px; } P { SAZ خەت نۇسخىسى: 16px; } .Icon img { كەڭلىكى: 80px; ئېگىزلىكى: 80px; } } @Media (Max-Mov-ballth: 480px) { . قاچا { Padding: 15px; } H1 { SAZ خەت نۇسخىسى: 20px; } P { SAZ خەت نۇسخىسى: 14px; } .Icon img { كەڭلىكى: 60px; ئېگىزلىكى: 60px; } }