Latest solutions
Room Homepage with popover mobile navigation
#accessibilitySubmitted 3 months agoAny and all comments and feedback are appeciated. Any notes about accessibility, or improving my JS or mobile nagivation in particular, I think would help me out the most.
Calculator App using Grid, React, Typescript
#react#typescriptSubmitted 9 months agoNPM, React, Typescript... I'll take tips on anything! Building and serving projects like this is weird, but in the real world I guess it's an important skill to have.
To-do app with vanilla languages
Submitted 10 months agoImproving my JS skills, mostly. Also, would you do this in vanilla JS yourself? What would you use?
Responsive Dog Walkers Booking/Chat App
#accessibilitySubmitted 12 months agoAny feedback would be awesome. Thank you!
Launch Countdown Timer
Submitted 12 months agoHow would the animated flip card come into play? Would it be created with JS or CSS?
Latest comments
- @bisbeec@Absynthee
This is flawless. Great job! 👏
- @mukisapaulk@Absynthee
The layout looks good - try to add the hover states to the project as shown in active-states.jpg. Keep it up! 😃
- @Kaung-Khant-Ko-Ko@Absynthee
Looks great! I like the decision you made to keep the testimonial icons square - it fits more with the rest of the blocky design aesthetic.
Something I've learned from these challenges is to try and make the page as accessible as possible. Disregarding the contrast of the design colours for accessible text standards (I didn't change this either!), you could improve accessibility by adding labels to your interactive elements - links, icons, etc.
Keep up the great work and good luck with future challenges!
Marked as helpful - @idatenkiddyWhat are you most proud of, and what would you do differently next time?
Now being able to make it little more responsive than my previous projects. Next time I will use Tailwind CSS cause i am tired of writing CSS.
What challenges did you encounter, and how did you overcome them?Not any a big challenge I encountered but real problem is it took me 1 hours to complete this which I feel its too late. I turned Learning section to a yellow button, idk if it is worth it doing that way or i could have just used a semantic tag.
What specific areas of your project would you like help with?Help me in making most responsive as possible.
@AbsyntheeLooks great! I don't think 1 hour is too long for this. I'm sure I spent a lot longer 😅. There isn't much more you can do for responsiveness on this challenge, but one thing you could add is the active state for the box shadow on the card - make it grow when the user is hovering over the card.
Keep up the great work and good luck with future challenges!
- @Rohanbasnet12@Absynthee
Nice one! I like how you've organised your files and made comments for everything so it's easy to navigate.
Personally I would prefer if there was a max-width on the container holding your content, so the image doesn't grow so big and force users to scroll to read all the content.
Good luck with future projects!
- @amartadevi@Absynthee
Looks good! I only have a couple of things to suggest if you want to update this challenge.
- Try to match the design as close as possible. You've done very well but the h1 stands out as being a lot larger in your version.
- Change the font color on the buttons when hovering. Currently they remain white which is pretty difficult for readability.
Overall, good job! Keep it up and good luck with your future projects.
Marked as helpful