Submitted almost 2 years ago
Responsive 4 Card Layout for 3 viewports, sm, md, lg using React
@mdrizwanfk
Design comparison
SolutionDesign
Solution retrospective
First FEM Challenge using Reactjs Library.
The Card layout is done in React.
Reactjs Development toolchains used: None, just added React components to website
Challenges:
- Inability to modularize react code.
- TODO: Javascript modules to achieve 1.
- Used CSS Absolute positioning for the layout, would appreciate alternate best approaches for the Card layout.
- TODO: Try out CSS Grid for Card layout.
Notes:
- Use Industry standard React Toolchains for future challenges. :)
Community feedback
- @jaysonalfiePosted about 2 months ago
Great work and nice use of props. Keep up the great work.
Happy coding.
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