@bradleyhop
Posted
I agree -- I rebuilt this project twice. I really don't think it's a newbie project haha.
I appreciate your question about CSS clamp() method. I actually didn't know about this feature and it led me to do some research. I usually set my widths in 'rem' measurements and make adjustments with media queries as I work up from smaller to larger devices when I code. clamp() seems dope, and I'll definitely give it try on my next project.
I did run across this article about font sizes and clamp(): https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/#for-those-who-dont-mind-that-edge-case Under the "For those who don't mind edge cases" heading, the author has a generator for your fonts and clamp()!
I like the animations on :hover. Nice touches. Also, I like the way you structured your SCSS files. I often feel lost when it comes to structuring a project, so it was nice to look browse your clearly written code.
Marked as helpful
@claire-ca
Posted
@bradleyhop I'm glad that I've not been the only one to find this newbie project difficult haha!
Thank you for your kind comments about my project and I'm happy that looking at my file structure has helped you out! SASS file structure confused me for a while too, but I've recently been doing a Udemy course on Advanced CSS and SASS which has been great for helping with that. Here is the link to it if you're interested - I got it when it was on sale for like £9.99 or something. Advanced CSS and Sass.
Haha I actually found out about clamp() the same way, someone else mentioned it in their solution comment and I had no idea what it was either! What a great find in that article! Thanks for sharing, I've looked at many articles about it so far, but not this one and this is the best one I've seen. Really good explanation of it. Hopefully I'll be able to implement it in my next project too - with the help of that generator.
@bradleyhop
Posted
@claire-ca Thanks for the class suggestion. I'll keep my eye out for when Udemy has its mad sales ;) Funny-- I feel that Javascript gets pushed so hard when learning web dev that CSS is always like an afterthought. That's why I like Frontend Mentor: it really shows me how much time I spend on styling and where my weaknesses are. Seeing the answers of others who complete the challenges is a nice way to learn (reminds me a bit of Code Wars in that respect). Anyway, thanks again.
@claire-ca
Posted
@bradleyhop Haha, rule number 1 of Udemy - never buy anything unless there is a sale!
I agree about CSS being an afterthought for most people, but you definitely need to put a good amount of time in to really learning it! Frontend Mentor has been great, if I was just practicing with my own designs I'm sure I would have just stuck to layouts I knew how to do already and not push myself with these awesome designs here.
I haven't really tried Code Wars myself, but it sounds like something I should do - I need to get my JavaScript skill level up!