Mazen Hassan
@Mazz100All solutions
Bento grid using SCSS
#sass/scssSubmitted 8 months agoIf anyone got idea how to get the image's proportion and height in reference, I would appreciate it. Thanks :)
News homepage done with SCSS
#sass/scss#accessibilitySubmitted 11 months agoJust the close button inside my dialog I place it using
position:fixed, while it's mostly responsive I feel like I applied it too manually so if anyone got a better method I would be glad to hear it.Any tips on improvement is appreciated. Thanks :)
Product list with cart using React | Tailwind
#react#tailwind-css#accessibilitySubmitted 11 months agoI am open for any feedback offered, I already asked for enough help from community and I just need to get a better idea on how React works and read docs more often. Thanks for taking a look at my solution :)
Contact form built with React + SCSS
#react#sass/scss#accessibilitySubmitted 12 months agoOnly one thing I tried for accessibility on error handling is using
aria-errormessagewith anidto the error span, looked into docs and tried several times but nothing seems to be announced so I could get some help on this part. Thanks.aria-invalidalthough works alright when focused on input and it announced invalid.Testimonial slider using React | SCSS
#react#sass/scss#accessibilitySubmitted about 1 year agoMy grid works alright but not sure of how effective I have used rows to move buttons for different screen size. For some reason on desktop preview using mobile the buttons get a little displaced I can't figure out why, otherwise it works alright for normal preview.
I could get a little help on buttons focus state it seems the
overflow:hiddenis hiding the outline too.REST Countries API using React.js | React-Router | Radix UI
#accessibility#reactSubmitted about 1 year agoThanks to @AlexMarshall he helped me solving the border countries and displaying it by names using Destructure Assignment
[]for targeting single array value then fetching borders data.I got the double tab bug fixed by implementing a
Timeoutdelayed function for toggling open statetrue&falseAny feedback on improving is very welcome :)
Age calculator with React, tailwindcss and day.js date library
#react#tailwind-cssSubmitted about 1 year agoI would like to hear your feedback on my age calculation approach and any other feedback will be gladly appreciated. Thanks!
Interactive pricing component using React.js and SCSS
#react#sass/scss#accessibilitySubmitted about 1 year agoI think I got all of interactions alright, I could ask on the toggle implementation and if there is any improvement I could make. Any feedback overall is appreciated :)
Crowdfund product page using React.js and SASS
#accessibility#react#sass/scssSubmitted over 1 year ago
