Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
It was a good practice. It took me 40min with plain html/css. I would definitely like to improve my time.
What challenges did you encounter, and how did you overcome them?Aligning the green text to the h1 took me a few minutes because I was unsure how I want it to do it. I had many options
What specific areas of your project would you like help with?Open to any feedback
Community feedback
- @Brian-PobPosted 10 months ago
Hey @AcarMeel! Great job on your solution, especially considering the speed at which you completed it!
I have a few suggestions for aligning the green text:
- I see that you have some margins set on the
p
tag. If you remove it, the text will be centered same as the header text. - If you prefer it to be left-aligned to the header text, then you can wrap them both in a
div
and set the text alignment inside that div to be left-aligned withtext-align: start;
in your CSS.
So your HTML and CSS would look something like this:
<div class="wrapper"> <h1>Jessica Randall</h1> <p class="subtitle">London, United Kingdom</p> </div>
.wrapper { text-align: start; } /* still need to remove the margins from the p tag */
Hope this helps!
Marked as helpful0 - I see that you have some margins set on the
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord