diff --git a/paras/src/App.css b/paras/src/App.css index f01d7d8..e5cfb59 100644 --- a/paras/src/App.css +++ b/paras/src/App.css @@ -3,8 +3,9 @@ body { font-family: 'Arial', sans-serif; /* Use a modern font */ background-color: #f0f4f8; /* Soft background color for contrast */ color: #333; /* Dark text for readability */ - margin: 0; - padding: 0; + height:100vh; + width:100vw; + /* body should cover entire view port */ } .app { @@ -18,7 +19,7 @@ body { .header { display: flex; - + width:100vw; justify-content: space-between; align-items: center; padding: 40px 20px; /* Adjusted padding for better spacing */ @@ -30,7 +31,7 @@ body { .title { flex-grow: 1; text-align: center; - position: relative; + /* position: relative; no need to add position*/ left: 85px; font-size: 28px; /* Increased font size */ letter-spacing: 1px; /* Added letter spacing for readability */