diff --git a/index.html b/index.html index c608521..8e6177f 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,18 @@ - + + + + + Text and Image + + - -This is me if you care +
+
+

Hello

+
+
+ This is me if you care - - + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..db61187 --- /dev/null +++ b/styles.css @@ -0,0 +1,18 @@ +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