I am most proud of creating multi-page like website using plain JS.
Dadv-a11y
@Dadv-a11yAll comments
- @snigdha-sukunSubmitted 25 days agoWhat are you most proud of, and what would you do differently next time?
- P@MathiasHun1Submitted 26 days agoWhat are you most proud of, and what would you do differently next time?
I'm learning now a bit more advenced usage of SASS. It's so confusing sometimes :D Decide what is the right approach feels really hard sometimes, so I experimented with a lot of things in this project. Because of that, my code is very spaghetti-like, next job will be to refactor the styling, when I feel more confident
- @FunsallySubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
So i think im finding building with html and css less frustrating so yeah, proud of the first project that has led to coding this and more html and css project.
What challenges did you encounter, and how did you overcome them?Yeah, hard to position the slider navigation to the first child from the second child so i let it be. only changed its position from the left to right of its initial home. Also not yet building with JS so i left functionality alone
What specific areas of your project would you like help with?As usual, did my best within my current capability to ensure that my solution looks similar to the original. Your feedback is welcome
- @Ayah2022Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
i've done my best to be detail-oriented without figma design :"D
What challenges did you encounter, and how did you overcome them?the footer still jumped up in your screenshot , i tried all solutions,but couldn't solve it as it doesnot appear at my side.
- @kanosaySubmitted about 1 month ago
- P@Y39WebDeveloperSubmitted over 2 years ago
- @hkaur108Submitted about 2 months agoWhat specific areas of your project would you like help with?
any feedback is welcomed
@Dadv-a11yPosted about 1 month agothe site is bigger than my phone screen and laptop screen chaeck out the responsiveness
Marked as helpful0 - P@Masya111Submitted about 2 months ago@Dadv-a11yPosted about 2 months ago
you for is too big on my screen . is not cause we cannot naviagate just with the keyboard on your site especially on the checkbox and radio
0 - @BunchydoSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of how quickly I've been able to learn and apply new concepts in web development. For example, implementing custom cursors and successfully building out an FAQ toggle functionality are definitely highlights. When I look back, I realize I’ve developed a stronger understanding of how CSS and JavaScript work together, which has allowed me to make designs more dynamic and interactive.
If I were to do things differently next time, I would focus on making my code even more modular and reusable. I’ve learned a lot about creating cleaner, more efficient code, but I’d aim to refactor more early on instead of letting repetitive code accumulate. I would also pay extra attention to making sure my designs are fully responsive right from the start to avoid reworking them later.
What challenges did you encounter, and how did you overcome them?For my project, one area where I’d like help is with optimizing my JavaScript for better performance when handling multiple DOM elements. Specifically, I want to improve how I handle event listeners for dynamic content, making sure my code remains clean, scalable, and efficient as the project grows.
What specific areas of your project would you like help with?As for challenges, one of the bigger obstacles I faced was when trying to manage a lot of interdependent styles and scripts across multiple elements. For example, in the FAQ toggle section, I had to ensure that each element’s state (expanded or collapsed) was tracked individually, while also keeping the UI consistent. To overcome this, I leveraged event delegation and careful class manipulation, which allowed me to dynamically control states without overcomplicating things.
I also had issues with making the design responsive at first. I found myself needing to constantly test on different devices, but using media queries helped me adjust the layout properly. I plan to improve the responsiveness of my design further to ensure smooth experiences across all screen sizes.
@Dadv-a11yPosted about 2 months agothe font size on mobile is too small . i suggest that you use <button></button> for the class click-button instead of <span></span> this will make the site a bit accessible we can't use the keyboard to navigate on the button and on some screen the button are not well display
Marked as helpful1 - @Anil-ShettySubmitted about 2 months ago@Dadv-a11yPosted about 2 months ago
i love the animation you made and your code is clear and easy to understand but the card his way to big for my screen and isn't not responsive so you should check this out i suggest that you replace the display grid in body by display flex and then ypu use justify content center and align items center to center the card this would improve the design .
0 - @raozhaizhuSubmitted 4 months ago
- @Miracle004Submitted about 1 year agoWhat are you most proud of, and what would you do differently next time?
This is my first project that is 100% css grid
What challenges did you encounter, and how did you overcome them?The responsive design when positioning the elements so they overlap but doesn't disrupt the flow of the page
- P@Sanya-ZgSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
By finding a solution for the form using JavaScript.
What challenges did you encounter, and how did you overcome them?Encountered a problem validating email input.
What specific areas of your project would you like help with?I didn’t fully understand why when entering the address to @, it shows the built-in pop-up validation window, and after entering @, it displays the error message that I created.
@Dadv-a11yPosted 4 months agoFor thé error to ne display you have to remove the type attributs (type="email") from the input elements and Your site IS not well display on mobile to solve this problem i recommandé to set the padding and thé margin of allé the élément to zéro and put thé padding just or margin just inside thé container for the class image use try with <picture></picture> to select the appropriate image when thé width of thé device change
0 - @kiran63616456Submitted 4 months ago@Dadv-a11yPosted 4 months ago
1-the image on the desktop view does not cover all the height of the container you have to set the height to 100% 2- on the phone the layout is bad the image is on the left side instead of the top this is because (min-width:375px) does not cover all the phone screen try with (max-width:1024px) and use the console tool bar to see how it's display in different range of screen 3-use the position attribute to move your social-maedia box in the desktop layout
0 - @SymplyteeziySubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I’m proud of being able to use grid in both desktop site and mobile site.
What challenges did you encounter, and how did you overcome them?Using grid is quite challenging in this challenge. I’m also unable to adjust the image in the first container. I’m wish I could find help on that. I’m also unable to use the exact box-shadow, I wish I could find on using box-shadow.
@Dadv-a11yPosted 4 months agoThevsite IS responsive thé problèmes hère IS thé margin between your article and theur size
0 - @vincenzo-vitelloSubmitted 4 months agoWhat challenges did you encounter, and how did you overcome them?
I started coding desktop first and than I had big troubles in making changes for mobile design, so I had to start the grid system from scratch thinking mobile first, and I went smoother. So I guess I'll always go mobile first from now on.
What specific areas of your project would you like help with?When I used to work as a frontend dev I only used Flexbox ignoring the existance of grid, so now I find it a bit hard to understand it because it can do so many things in so many ways that guys pls help me. Anyway, I guess I just need some more practice, but if you happen to read my code and any suggestion comes to your mind, I appreciate you hitting up. Thanks anyone, keep coding hard!
- P@jeraldbiananSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I think I am very close to the design.
What challenges did you encounter, and how did you overcome them?tried my best to make it pixel perfect.
What specific areas of your project would you like help with?To all experts out there, If you have the time to check on this solution, please let me know if I am following best practice, Semantic HTML, Accessibility and so on. All feedback are appreciated.
@Dadv-a11yPosted 4 months agothe layout is not well display on different range of screen on my laptop the layout is display as on a mobile
Marked as helpful0 - @belchiorgomesSubmitted 4 months ago@Dadv-a11yPosted 4 months ago
the layout on the phone is not well done i suggest to increase the width of the recipe
0