I had trouble with the positioning of the SVGs while resizing the window, and doing a bunch of media queries to position them just don't look good.
The site will look good on most wide screen monitors, and most phones. Tablet resolutions are the ones going to break the site.
Any tips on that are very welcome!
Hey guys, just finished this challenge which took me more than a week. Thought I understand CSS but I guess not. #smile
I would love if y'all can assess this and give me feedback for improvement. Thanks!
This was a fun challenge which I actually quite enjoyed! 😀
I was able to match the desktop and mobile designs rather closely and only had to use one media query to make the page responsive (and managed to keep my code from turning into a mess), so I was quite happy with that! 😄
I decided to go with CSS-only form validation again, and this time, I let the browser handle the actual error messages and just focused on the validation icons (I added an extra green checkmark to make things look nice).
And, of course, I added some CSS animations from Animate.css to finish things off! 😉
Once again, feedback on both my design and code is welcome and appreciated! 😊
This was a fun little challenge! I used Svelte again and it makes things so much easier—component-scoped styles are like the greatest invention since sliced bread! 😂
I added an intro animation (for the tablet/desktop layout of the site) with GSAP and the little attribution popup. I also just went with the browser form validation for this one. 😀
Hi! I really struggled with svg images in this challenge and wasn't able to change the color to what it was in the design - change of fill on svg path didn't work, even when manually changed in the code. I think it's because of the color matrix in the file, but I couldn't find anything helpful in my search - either because I didn't find the right way to describe the problem or because I'm overcomplicating it :)
Either way, I'd be really grateful for any help on that :)
Trying to be pixel perfect with these challenges but I did change the placement of the email submit error message. It seemed to be better since it worked with the design across screen types. The placeholder font weight had multiples in the design which seemed like a error so I just used bold for all view-port sizes.
Thanks for any feedback I am happy with it but always looking to improve. I am really happy I got so far with this one