@ansarstellarSubmitted 2 months ago
Obare
@simplyObareAll comments
- @simplyObarePosted 24 days ago
your interactive rating component looks great but you've submitted it at the wrong place since this is for the ecommerce product page
0 - @dejuliansrSubmitted about 2 months ago
- @KapteynUniverseSubmitted about 2 months agoWhat specific areas of your project would you like help with?
I would like to see feedback about accessibility. There are a lot to digest in this learning path.
@simplyObarePosted about 2 months agonice work, though I couldn't see the modal after submission
0 - @KapteynUniverseSubmitted 2 months agoWhat are you most proud of, and what would you do differently next time?
Reposting to progress learning path. Actually made without Js. Also learned details element and srcset attribute. Looks like details can't get a transition value tho, i would like to know if there is a way.
@simplyObarePosted about 2 months agoLove it, but you should probably add a shadow to the card to make it more visible.
1 - @Mubarak-AdeyemiSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I’m most proud of successfully implementing the popovertarget attribute and creating a fully accessible design using ARIA attributes. I also achieved a smooth user experience with form reset functionality after modal interaction. Next time, I’d focus on adding real-time form validation and improving keyboard accessibility for even better usability.
What challenges did you encounter, and how did you overcome them?The biggest challenge was integrating the popovertarget within the form. The form's default behavior was interfering with the modal popover. I solved this by using e.preventDefault() to manually handle form submission and modal display. I also encountered difficulties with error messaging, which I fixed by switching from the hidden attribute to using classList in JavaScript along with aria-live to make error messages accessible.
- @yahappylemonSubmitted 2 months ago
- @MsadafKSubmitted 3 months ago
- @35degreesSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I wish I had done a mid-sized width with two columns, it's a huge switch from 4 columns to one. Proud that I tested my skills and text wrap edits.
@simplyObarePosted 4 months agolove the way you handled the height of the cards, I personally did found that challenging.
0 - @35degreesSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud that I used both flex and grid, got the border color and height just right, and used absolute positioning for the image icons.
What challenges did you encounter, and how did you overcome them?in the smaller width media query, it took me a minute to realize I have to 'reset' the grid-template-rows or the grid tries to force itself into the bigger pattern even at one column.
@simplyObarePosted 4 months agoI love it, just a pointer; a fixed height does limit the spacing and the ability for the content inside the card to wrap
Marked as helpful0 - @Roxxy28Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
Add more time and be patient with the learning process
What challenges did you encounter, and how did you overcome them?The images were not loading on with the live url
What specific areas of your project would you like help with?More knowledge with CSS
@simplyObarePosted 4 months agoThe reason your images aren't loading is because you are siting them incorrectly. You should either put them in an images folder or remove the "images/…." Example:
- What you have:
<img class="supervisor-img" src="images/icon-supervisor.svg" alt="supervisor-icon"> - how it should be:
<img class="supervisor-img" src="/icon-supervisor.svg" alt="supervisor-icon">
Marked as helpful1 - What you have:
- @sedaryildirimSubmitted 4 months agoWhat challenges did you encounter, and how did you overcome them?
First time with a mobile first work flow.
- @sedaryildirimSubmitted 4 months agoWhat challenges did you encounter, and how did you overcome them?
Had my first issues with this
-
Border radius failed to work multiple times on my img, discovered this was due to img having padding, created workaround with margin and another container to wrap everything in.
-
Border radius failed to work on my main card/article - !important tag after border radius fixed this for me.
@simplyObarePosted 4 months agoLove it, You did forget to use the brown color on some headers and the nutrition units.
Marked as helpful0 -
