@codi-AndreSubmitted about 24 hours ago
Latest solutions
Contact form using tailwind and react
#react#vite#tailwind-cssPSubmitted about 14 hours agoMy checkbox is not clickable, it can be clicked if we press the consent area. I need help with that one.
React and tailwind for Quiz app
#react#vite#tailwind-cssPSubmitted 16 days agomaking it more responsive and get idea on how to make more components to make it more reliable.
Password Generator App using Bootstrap
#bootstrapPSubmitted 3 months agoI was not able to change color of accent of slider. I also need help with the bootstrap codes. How can I make it more accessible and easy to use?
Tip Calculator using SCSS
#sass/scssPSubmitted 3 months agoI would like help with placement of scss files. I have made files like buttons.scss, boilerplate.scss, and other files but I have no idea what code goes where.
Latest comments
- @Stephanie0905Submitted 10 days agoP@SurajCaseyPosted 8 days ago
Good use of <main>, <header>, and <div> for structure. The <header> includes different images for mobile and desktop using .img__container-mobile and .img__container-desktop. This is a great responsive design approach. Use <button> instead of <div> for better keyboard navigation and screen reader support. Use buttons instead of divs for FAQ toggling. Improve accessibility by adding aria-expanded and using hidden. Optimize JavaScript to close other open FAQs when clicking a new one. Simplify HTML structure by removing unnecessary wrapper divs.
0 - P@jonatan-samuelssonSubmitted 14 days agoWhat are you most proud of, and what would you do differently next time?
Though it wasn't part of the challenge as such, since the challenge appeared in the accessibilty learning path, I decided to read up a little on accessibility and to implement some of what I found. This led me to pay some attention to both the cloe-button on the thank you section, which got an ARIA-label to let screen readers know what it's for, and the rating radio buttons, for which I ended up slightly adjusting my design solution to accomodate a better focus-state highlight.
What challenges did you encounter, and how did you overcome them?Not that challenging overall, but I am keen to learn more accessibility techniques now, as I feel I am starting to see some of the little tweaks that go very far. Also, on a side note, I realized I need to brush up on my formData management skills in JS.
- P@firatyedibelaSubmitted 17 days agoP@SurajCaseyPosted 16 days ago
You have done a wonderful job with your design and it looks cool. Codes are well structured and redeable. It looks cool on different screen sizes. Keep it up bro!
1 - P@k2pbacSubmitted 9 months agoP@SurajCaseyPosted 3 months ago
You have done a great job. Your code matches perfectly to the design. Codes are accessible and the layout matches to the screen sizes except for the mobile devices. You could add media queries to for the mobile devices. Overall it is perfect.
0 - P@jasper2virtualSubmitted 5 months agoP@SurajCaseyPosted 3 months ago
solution looks amazing. it is accessible and layout looks good on different range of screen . You could have made it look better in the mid size screen by shrinking the design with the desktop design. You can add hover effect for the Reset button. Also for the reset button it matches the same color of the background so it looks hidden. if you add gap between tip amount and total it will look good. overall, you have done fantastic job. Keep it up !
Marked as helpful1
