From 20ffd3796df057ceff101b1a6c8703b36ab2f406 Mon Sep 17 00:00:00 2001 From: mudaranrhiod <88912716+mudaranrhiod@users.noreply.github.com> Date: Sun, 11 May 2025 17:38:26 +0100 Subject: [PATCH] h --- index.html | 2 +- style.css | 18 ++++++++++++++++++ styles.css | 18 ------------------ 3 files changed, 19 insertions(+), 19 deletions(-) create mode 100644 style.css delete mode 100644 styles.css diff --git a/index.html b/index.html index 1e0b0be..3aca37d 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Panda Panda Panda</title> - <link rel="stylesheet" href="styles.css"> + <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> diff --git a/style.css b/style.css new file mode 100644 index 0000000..69ab838 --- /dev/null +++ b/style.css @@ -0,0 +1,18 @@ +body { + font-family: sans-serif; +} + +.text-section h1 { + font-size: 48px; + color: #333; + margin-bottom: 15px; +} + +.image-section img { + width: 100%; + height: auto; + display: block; + margin: 10px auto 0; + border-radius: 4px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index db61187..0000000 --- a/styles.css +++ /dev/null @@ -1,18 +0,0 @@ -body { - font-family: sans-serif; /* A common and readable font */ -} - -.text-section h1 { - font-size: 3em; /* Larger font size for the heading */ - color: #333; /* Dark gray heading text */ - margin-bottom: 15px; -} - -.image-section img { - width: 100%; /* Make the image take up the full width of its container */ - height: auto; /* Maintain the image's aspect ratio */ - display: block; /* Removes extra space below the image */ - margin: 10px auto 0; /* Add some top margin and center the image */ - border-radius: 4px; /* Slightly rounded corners for the image */ - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* A subtle shadow for the image */ -} \ No newline at end of file