Design comparison
Solution retrospective
I'm quite happy this was done much faster than the previous two projects, am getting the hang of the basic stuff.
What challenges did you encounter, and how did you overcome them?The flexbox, forgot how to do that, searched for the answer online and in my previous notes.
What specific areas of your project would you like help with?I feel like the margins were a bit off, so i had to use some detour to make them work, but wonder if there's a more simpler way to do it. Also my classes and divs section seem a bit complicated too as i couldn't get them to work in sections, so i had to give classes to every component, that seemed a bit too complicated than needed too.
Community feedback
- @Grego14Posted 7 months ago
Hello! 🎉 congratulations on completing the challenge! 🎉
To align the container in a better way, I recommend you read a little about flexbox and its incredible properties.
This text-align: center property on the .titleimage element is not necessary, since it is not text.
To make the image take up the full width of its parent you can use min-width: 100%.
The h2 element should come after the h1 element, try not to skip the headings; And also try to use them only for titles or subtitles, in the author name you can use a p element or a span.
I hope this helps! 😁
1
Please log in to post a comment
Log in with GitHub
Join 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