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