Design comparison
Solution retrospective
This was a very fun challenge. I am definitely most proud of being able to not only format the four cards in a grid layout, but also be able to change the display type of the cards after switching to mobile-view!
If I were to do anything different... This is a problem with myself in general, but I tend to try to get every single detail completely perfect instead of trying to sort everything out beforehand. For example, the title section was kind of frustrating me because of the way the text wasn't wrapping around correctly.
What challenges did you encounter, and how did you overcome them?As I said previously, I had trouble trying to make the title and captions look spot on. Furthermore, I had a bit of trouble trying to make the title section have a certain width, and have the grid-layout section not have the same width the title section. I simply solved the problem by giving the title section a max width.
What specific areas of your project would you like help with?If there are any general formatting issues or suggestions, please feel free to be straight-forward. I am also looking for advice for whether my code is easy to read or not, as that was most of what my solution comments were talking about... 😅
Community feedback
- @AdrianoEscarabotePosted 13 days ago
Hi SunnyFGC, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:
<h1>Reliable, efficient delivery</h1> <h1>Powered by Technology</h1>
The most appropriate in this case would be just an h1 tag! containing the two contents, to make them break a line, we can use a max-width, and for the styling we can use a span element with the content that will be changed!
The rest is excellent.
I hope you find it useful. 👍
1
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