@Dadv-a11ySubmitted 18 days ago
Alfi Zain
@AlfiZainAll comments
- P@welpmozSubmitted 13 days agoWhat are you most proud of, and what would you do differently next time?
Assimilating CUBE CSS is more complex than BEM, but I think that CUBE is more reusable and could be more efficient.
- @zeeguSubmitted 24 days agoWhat are you most proud of, and what would you do differently next time?
❤Things I've tried
Accessibility
- Used
aria-controls,aria-expandedfor Accessibility - Added proper alt text on image button ex.
Expand answer/Collapse answer - Tested WCAG evaluation tool on WAVE
- Checked HTML Markup on Validator
Others
- Scored 99% on Google PageSpeed Insights
- Responsive for Mobile, Desktop devices
- Tried smooth transition on buttons
💪Things I should improve
Javascript
- At first, clicking the button to open FAQ, it unfolds well depending on the content. However, resizing the screen display cuts the text area of the answer. I have no idea how to solve this😂
Please let me know if there are any areas of improvement! Thanks :D
- Used
- @JunbolSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
- creating all the logic in Javascript to do the seletion of the buttons dynamically using the forEach method.
- Using javascript to add the logic to make the modal panel show up
What challenges did you encounter, and how did you overcome them?// Show the modal on submit button click mySubmitBtn.addEventListener('click', (e) => { e.preventDefault(); // Prevent form submission // 🚩Ensure a rating has been selected before proceeding if (selectedRating) { // Update the modal content with the selected rating myRatingSelection.innerHTML = `You selected ${selectedRating} out of 5`; // this // Hide the rating panel and show the modal myRatingPanel.style.display = 'none'; myModal.style.display = 'flex'; } else { // 🚩don't forget to add an alert if the user didn't select a rating alert('Please select a rating before submitting.'); } });same as above
What specific areas of your project would you like help with?none
- P@AchigyusSubmitted 15 days ago
- P@NatentadoSubmitted 23 days ago
- P@olaide-hokSubmitted about 1 month ago
- P@wraith-wallSubmitted about 2 months agoWhat specific areas of your project would you like help with?
Resulting JavaScript code seems too large. Can it be done with less code?
- @TomekWojakSubmitted about 1 month ago
- P@NavarroEmilianoSubmitted about 2 months ago
- @MartinaPGSubmitted 3 months ago
- @MahakprajapatiSubmitted 7 months agoWhat specific areas of your project would you like help with?
difficult things is that to give height and width to make it responsible .
- @mohammadshbeeb11Submitted about 2 months ago
- @ravaka5Submitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of how I put together the elements in this web page
What challenges did you encounter, and how did you overcome them?It was not challenging at all
- @arkarjinzSubmitted about 2 months ago
