From b0d7b4902500b325426e48b862a9efe20a13c2c7 Mon Sep 17 00:00:00 2001 From: Shambo Chowdhury <54593764+typhonshambo@users.noreply.github.com> Date: Sun, 29 Oct 2023 00:03:22 +0530 Subject: [PATCH] fixed allignment - updated allignment in intro part --- styles.css | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 277d544..284fb36 100644 --- a/styles.css +++ b/styles.css @@ -51,30 +51,53 @@ nav a:hover { padding: 100px; } +.intro-content { + max-width: 1200px; + width: 100%; + display: flex; + align-items: center; +} + .intro-left { width: 50%; + padding: 20px; + display: flex; + flex-direction: column; + justify-content: center; /* Center the text vertically */ } .intro-left h1 { font-size: 3rem; color: #ffffffe4; + margin: 0; /* Remove margin for consistent alignment */ } .intro-left p { font-size: 1rem; color: #ffffffa4; + margin: 20px 0; /* Adjust the margin as needed */ } - +.contact-button { + display: inline-block; + padding: 10px 20px; + background: #ff9900; + color: #fff; + text-decoration: none; + border-radius: 5px; + font-weight: bold; +} .intro-right { width: 50%; + padding: 20px; } .intro-right img { max-width: 100%; } + /* Responsive design for intro section */ @media screen and (max-width: 768px) { .intro-section {