Loopstudios landing page with Animate.css and some basic css animation
Design comparison
Solution retrospective
This is my first time trying out the figure and picture tags, as well as animate.css. I really like the picture tag as it loads different images based on the user screen size. No need for more javascript.
I did the styles with scss, but I felt like the way I used media query was too repetitive. What would be the best practice for creating styles while targeting different screen sizes? would it be better to just declare the media query and put all the styles in it? Would also appreciate any feedback!
Community feedback
- @Da-vi-dePosted over 3 years ago
Hi Girlygdev, it looks very nice, well done!
-
Yes indeed, it's repetitive, it's something i don't like about scss, in fact I do as you wrote in your question above, i write media queries in scss in the same way as i write them in css, even though it might not be a good practice (in scss), i don't like the breakpoint inside the class, i get confused, and the code doesn't look organized.
-
You wrote more code because you did the desktop version first, so you need to write more code.
Happy coding :-)
Marked as helpful0@girlygdevPosted over 3 years ago@Da-vi-de Thank you for your feedback! I really appreciate it. I got used to doing the desktop version first before the mobile, but will try to do this more often in the future.
1 -
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