Design comparison
Solution retrospective
Is there a way to make flex container fill completely as much as possible by reordering flex items depending on their width?
We have flex wrap on flex container. So flex items wrap.
Example: there are four flex items. First two items fit perfectly in the first row. Third item is large so it cant fit in the remaining space in the first row so it goes to next row. Fourth item is small and could fit in the first row but flex doesnt alter flex items order so first row remaining space is empty (no stretch).
Is there a way to tell flex to re order fourth item to fill the first row completely?
Also I have suggestion for you matt. I see there are free tags on projects now so I am assuming there will be paid ones as well. I think another way you can make this more worthwhile is to provide paid code review service. I also hope you add really advance projects as well to practice with react etc.
Community feedback
- @mattstuddertPosted almost 5 years ago
Great work on this challenge! Your solution looks great and functions really well vs the brief.
You're right in thinking that I'll be adding premium/paid challenges soon. I'll be aiming to get the first one up tomorrow in fact. I've thought a lot about paid code reviews and I've always decided against it in the end. It would be very hard to get it working well at a price point that people will be able to afford. My aim is to improve the overall experience on the platform to make conversations and feedback easier and add as much value as possible to the people who are giving feedback and providing code reviews. I'll also be looking to improve the reporting system as well so that everyone can be given all the tools and information needed to review their own solution to see how they did.
Paid code reviews are something that I will continue to explore and think about. But it's not a route I'll be going down with Frontend Mentor for the time being.
I will definitely be looking to add more advanced challenges that are more JS focused in the near future. So keep your eyes open for those 🙂👍
0@mbcod3Posted almost 5 years ago@mattstuddert I was waiting for your comment. Thanks for the reply.
I would love if you add projects like building a web app that react devs do in their professional work.
I can understand code reviews are time intensive services. I am able to complete the projects but some times I doubt myself if I did the right way even if it works.
I have done all 17 projects now except the two you recently added. Thank you so much for making this website and putting it in the effor. I hope you can monetize it to make it worthwhile for you. I enjoyed building sites according to your design.
Good luck
1@mattstuddertPosted almost 5 years ago@mbcod3 no problem! I'm really happy you like the site and are finding the challenges useful. It's awesome to see that you've completed 17 projects. One way that you could really boost your own learning would be to start looking at other people's projects and giving reviews to them. Reading other people's code and seeing how they approached the challenge is a great learning tool in its own right.
More web app style projects are definitely something I'll be looking to focus more time on in the future. As you said, hopefully, I can build this into a sustainable business so that I can focus more time on it. I've got so much I want to do, but I'm currently just limited by my time! 😅
0@mbcod3Posted almost 5 years ago@mattstuddert reading someone else's code make my head hurts. I am a beginner developer and honestly reading code is tougher then writing it.
0 - @jamimesonPosted almost 5 years ago
Nice work! Per your question regarding reordering flex items, I'd suggest looking in to using css grid layout with
grid-auto-flow:denseinstead.0@mbcod3Posted almost 5 years ago@jamimeson Thank you for the suggestion. I think that would work.
0
Please log in to post a comment
Log in with GitHub
Join 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