mudaranrhiod/pages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

h

Browse source
This commit is contained in:
mudaranrhiod 2025-05-11 17:38:26 +01:00
parent d98d6d2c8b
commit 20ffd3796d
3 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panda Panda Panda</title> <title>Panda Panda Panda</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container">

18
style.css Normal file
View file

@ -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);
}

18
styles.css
View file

@ -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 */
}