From 2794b9f1d58326dbe9eee6c6b2d74a88ff80ae15 Mon Sep 17 00:00:00 2001 From: LarsAdams Date: Fri, 9 Aug 2024 17:26:24 +0200 Subject: [PATCH] First Commit before publishing --- index.html | 27 ++++++++++++--------------- style.css | 39 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 51 insertions(+), 15 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 228e6e5..9205c6b 100644 --- a/index.html +++ b/index.html @@ -3,26 +3,23 @@ - + + + + Frontend Mentor | QR code component - - - - Improve your front-end skills by building projects - - Scan the QR code to visit Frontend Mentor and take your coding skills to the next level - -
- Challenge by Frontend Mentor. - Coded by Your Name Here. -
+
+
+ A QR code to visit Frontend Mentor +

Improve your front-end skills by building projects

+

Scan the QR code to visit Frontend Mentor and take your coding skills to the next level +

+
+
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b423523 --- /dev/null +++ b/style.css @@ -0,0 +1,39 @@ +* { + margin: 0; +} + +body { + background-color: hsl(212, 45%, 89%); + font-family: Outfit; + } + +.card { + background-color: white; + border-radius: 20px; + text-align: center; + height: 499px; + width: 320px; + padding: 16px 16px 16px; + display:flex; + flex-direction: column; +} + +img { + margin-bottom: 24px; + border-radius: 10px; +} + +h1 { + color: hsl(218, 44%, 22%); + font-weight: 700; + margin-bottom: 16px; + font-size: 22px; +} + +p { + color: hsl(216, 15%, 48%); + font-weight: 400; + padding-bottom: 40px; + font-size: 15px; +} +