@solvedbiscuit71
Posted
Hi Nikhil, good work in your first challenge.
I have some suggestion which might be helpful,
- Change <p id="p1"> to <h1> and <p id="p2"> to <p> to simplify and avoid accessiblity issue!
- For your text align issue
.container {
display: flex;
flex-direction: column;
gap: 1.5em;
}
Here, we are changing the flex direction to "column" i.e vertically and adding a gap of "1.5em" (or some else) between flex items.
Then, remove display: inline-block;
& position: fixed
in p#p1 & p#p2 and adjust margin & padding accordingly.
Happy Coding and Good luck on your frontend journey