Design comparison
SolutionDesign
Solution retrospective
This implementation uses a hybrid approach, on small screens the layout is flex-box and on large screens it's grid.
Note, the use of <q> for the marking up the testimonial messages, and how the document is structured using <article> with <section>'s and respective <header>'s, and a <footer> for the attribution.
This reduces reliance on classes, making the HTML more readable and maintainable.
Community feedback
- @redstar504Posted 12 months ago
I just need to work on preventing the attribution from shifting up the layout, so the pixel parity can be more clearly presented in the screenshot. Any tips?
0
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