Design comparison
Solution retrospective
I would appreciate any and all feedback. Especially when it comes to media queries and better responsive layout.
Community feedback
- @janegcaPosted almost 4 years ago
Hi Bkthree6!, you did a great job considering you didn't use a flex or grid layout, one of which you will probably need to help make things truly responsive.
If you want to try flex box, this Flex Basics Tutorial might help.
Happy coding.
1 - @MasterDev333Posted almost 4 years ago
Great work @Bkthree. It would be better if you use CSS-Grid for positioning cards, not absolute positioning. https://css-tricks.com/snippets/css/complete-guide-grid/ You can study CSS grid using this reference. Hope it helps. Happy coding~ :)
1 - @ApplePieGiraffePosted almost 4 years ago
Hey, Bkthree6! 👋
Good effort on this challenge! 👍
I suggest,
- Using CSS grid (rather than absolute positioning) to position the feature cards since CSS grid is a better choice for grid-like layouts and will make making your solution responsive a lot easier, I think.
- Using a single heading tag for the heading of the page (since it is really just one heading, not two separate headings). You could easily style the two parts of the heading differently by using a
<span>
tag.
Keep coding (and happy coding, too)! 😁
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