Solução de seção de recursos de quatro cartas usando Flexbox e Grid
Design comparison
Solution retrospective
de ter usado o first mobile e tbm o flex grid.
What challenges did you encounter, and how did you overcome them?até eu ter terminado o mobile first, foi trankilo. Mas depois adaptar para a versão desktop onde eu tive que usar o flex grid, ai o trem ficou feio kkkk
What specific areas of your project would you like help with?to safe
Community feedback
- @MouadaselPosted about 4 hours ago
This solution effectively uses semantic HTML, with tags like <header>, <section>, and <footer>, though wrapping each card in <article> elements could enhance structure. Accessibility is considered with clear headings, but color contrast could be improved for readability. Responsiveness is generally good, though the fixed width on .quadro may limit flexibility on smaller screens—max-width would enhance adaptability. The CSS is well-organized, with variables for easy updates, but consolidating repeated icon styles could reduce redundancy. Overall, the design aligns well with the original, with minor adjustments recommended.
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