Four Card Feature Solution.Used Sass and implemented BEM to html
Design comparison
Solution retrospective
I tried not to use grid or flexbox in order to use self-made components. Any feedback/criticisms on how better to implement the design or mistakes made would be highly appreciated.Thanks :)
Community feedback
- @argelomnesPosted about 5 years ago
Hi Safa,
Though I tend to lean more on flexbox or grid, your use of absolute positioning works pretty well here. Good job! Also, I love how you break your styles into partials, especially the comments.
2@safrukPosted about 5 years ago@argelomnes Thanks for your kind words :). I will definitely try it with flexbox/grid sometime in future
0 - @mattstuddertPosted about 5 years ago
Nice work Safa! I'd be interested in hearing more about why you didn't want to use Grid or Flexbox in this challenge. Usually, I'd stay away from using
position: absolute;
and only bring it out when absolutely necessary. But as Argel mentioned, it works well here.1@mattstuddertPosted about 5 years ago@safruk sounds like a great approach! Grid and Flexbox are extremely powerful and really do make creating layouts much easier than what was available before them. Keep up the great work! 👍
1@safrukPosted about 5 years ago@mattstuddert I am a newbie trying to grasp basic css concepts thoroughly before jumping into grid/flexbox which I believe makes things lot easy. Also I wanted to see the power of using transform: translateX/translateY to center align objects when using positioning attributes. Really humbled by your feedback. Looking forward to completing more challenges
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