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!
AliAbuhumra
@aliabuhumraAll comments
- @mattreeeSubmitted almost 3 years ago
- @vencertorresSubmitted almost 3 years ago
Feedbacks and suggestions are welcome!
- @KornazdaSubmitted almost 3 years ago
- @OswalldSubmitted almost 3 years ago
- @LandonRGeorgeSubmitted almost 3 years ago@aliabuhumraPosted almost 3 years ago
This project is good but you have to practice postion in css to make background Easy
0 - @kowall1013Submitted almost 3 years ago@aliabuhumraPosted almost 3 years ago
This Pod Request Perfect Wow .💞 There is a small note remove height : 100% in body
0 - @ZeighnabSubmitted about 3 years ago
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!
@aliabuhumraPosted about 3 years agoGreat job, but I have a few notes
1 - add background-color : hsl(277, 64%, 61%); to <div class="img"/>
2- add this styles for img tag .img{ background-color : hsl(277, 64%, 61%); } .img img { display: block; mix-blend-mode: multiply; opacity: 0.8; }
Marked as helpful0 - @nareshpooniaSubmitted about 3 years ago
I would love to get some feedback here.
This is my fifth project. I have tried my best to match the design
But I must have made some mistakes, must have done things that aren't standard practice.
If you can point those out, It would be a great help for me to get better at CSS, Flexbox, JS
Thanks a lot.
@aliabuhumraPosted about 3 years agoGreat job, but I have a few notes
1 - remove the tag < a herf=""> from inside button
2 - add landmarks in img like this 👉 </img>
0 - @ApplePieGiraffeSubmitted about 4 years ago
Hey, everybody! 👋
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! 😊
Happy coding! 😁
@aliabuhumraPosted about 3 years agoWhat is the benefit of your situation tag (label) , Then you hid tag lavel display :none;, Is it because of Accessibility or because of another?
1 - @ApplePieGiraffeSubmitted almost 4 years ago
Hey, everybody! 👋
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. 😀
Feedback welcome and appreciated, of course! 😊
Happy coding! 😁
@aliabuhumraPosted about 3 years agoHow do you know the names of the colors in :root, is there a specific site?
1 - @Nova988Submitted about 3 years ago
Would Like to receive some feedback to improve my CSS.
- @tanikalawSubmitted about 3 years ago
3rd re-upload because of the links.
a feedback can boost my beginner mindset in web development :)
@aliabuhumraPosted about 3 years ago1 - use semantic HTML5 , don't use only div 2- I loved your writing of BEM
1