Design comparison
Solution retrospective
Hello community,
Thank you for visiting my challenge solution. I decided to try performing this task without JS, as it was a "bonus" task. Hope the result complies with your expectations. I had some issues with the positioning of the box image, since it was outside the main area and the main area had a overflow value of hidden.
My questions to you all are:
- How would you position, the 3 elements of the image?
- How do you know when it is better to use JS or plain CSS to perform a task, such as this one?
- Would it be better to use flex-wrap instead of changing flex direction inside the media query?
Once again thank you for passing by and helping me improve in my coding journey. It is a slow but somehow fun one. I don't know why it is fun, but I enjoy suffering in front of some colorful letters.
Have a great day!!
Community feedback
- @Vitali147Posted over 3 years ago
Hey man, nice work! I see you managed without JS which is a mystery to me, well done! I have just finished this one as well, different approach but did manage to figure out how to hide accordion panels once another one is selected (using JS of course) Anyway, good to know I am not the only one out there struggling and somehow manage to enjoy it! Good luck on your journey!
1@luibernipPosted over 3 years agoHey @Vitali147! Thank you for your comment, how nice it is to "suffer" with others :). What I have seen in the short time I have been coding, is that every person has a different approach to get to the same results. I have seen there are many answers to one question and few rules on how to do specific things. This feels a lot more "artsy" than I had ever imagined. Thank you for passing by and keep enjoying!!
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