Hi. After a long time I post this solution. It took me a little bit longer due to the things happening in my life, but I will finally post it. Started it with testing, but later abandoned it. Worked on it a little each week. It will certainly have some bugs and issues, so if you find one let me know. Feedbacks are welcome. Have a nice day.
Congratulations @Karol on completing this challenge 🎉🎉. The solution looks great on my mobile device. I hope everything works out fine with you too.
Congratulations on completing this challenge 🎊🎊. I don't have any suggestions. You really a great job 🎉. I REALLY love your html structure 💪🏾. Good job!.
I don't know how I can take the white bar in the left off, so I accept any suggestion to how a can make it. I also wanna learn other way to centralize all the container without using the properties of position and transform. Anyone know other methods or can recommend me a site who teaches about this?
Congratulations on completing this challenge 🎊🎊. Well a few suggestions:
container be a main element instead.h1 element per page. So you make the other h1 a h2 instead.text-transform: uppercase; in the CSS to make it all caps.Once again, congratulations on completing this challenge 🎊🎊.
🔥 Here is my 30th Challenge! This was fun and tricky! 🔥
I've added some more features to the challenge:
This is still a work-in-progress, next i plan to refactor my code using useReducer and tidy up the function, improve accessibility/semantic stuff, localStorage implementation, perhaps a notification system for users when they are being replied to, a function for real/dynamic timestamps.
If anyone interested in how i've built this step by step, i recommend checking MY WORKFLOW
Hope you guys like the final result ♥️
A wonderful solution 🎊🎊. This is my first time hearing about npoint.io. I'll try using it in my solution to this challenge. Love the extra features ❤️❤️
Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀
🎁 Features:
🛠️ Built With:
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. 😊✌️
Wonderful solution as always 🎉🎉. Just curious though, how do you match the design exactly. It's always eluded me 😅. I'll like to make my solution match the design but since I'm a free subscriber, it's really hard achieving that 😅. Any tips on how I could match the mobile and desktop design 'perfectly'?
Congratulations on completing this challenge 🎊🎊. Honestly I was waiting for you to submit your solution since mine is taking me longer than I expect 😅. Wonder solution as always. I have a few suggestions though from what I observed from the live site.
@usermame, the user can just clear out the content and reply and the card no longer has the @username. I don't know if you understand me though.Those are mainly the two observations I have. Hopefully you understand me because I find it hard to really express myself. Congratulations on completing this challenge 🎊🎊. Happy Coding 💪🏾. I really look forward to your solutions 💫💫.
Hi all! How to change background of active image (to Cyan)?
Hey @IliaIvashkevich 👋🏽. Congratulations on completing this challenge. To answer your question, you could use two approach to change the background to cyan.
img an overlay, give it a background colour of cyan and when the div is hovered, show the background colour. or::before or :: after pseudo element to create an overlay for the image.
I don't know if the above is enough without using a code example though 😆.And also,.you could try checking out the accessibility reports to you solution.
You could try wrapping the whole elements in a main element. That is <main>{the rest of your html code}</main>. So you should change that <div class="container"> to main.
You could checkout this freecodecamp article on semantic html.
Hope you got at least something from this feedback.
👨💻 Hello everyone.
My first project with Typescript, I really liked it and found it very different. I decided to make a slightly simpler project, so as not to get too stuck in the development, but I will definitely make some more elaborate ones, but this one was definitely a lot of fun to do!
Thanks! 😊
Hey 👋🏽. Congratulations on completing this challenge 🎊🎊. Well I didn't check out your code but I have a suggestion based on the live site. Maybe you should consider the social media links of the searched user clickable. What I mean is that I should be able to go the user's Twitter profile of available for example.
That's all.
Happy coding.
👋 Hi, guys!
Here is my solution to the 'Multi step form' challenge 🎉
I used Vite for this challenge with React integration.
So to sum up I used:
🤝 Happy to hear any feedback and advice.
Congratulations!. This is a beautiful solution!. I just have one suggestion though. Is there a way for you to make the steps at the left side of the solution clickable? So that whenever a user wants to visit a step that user can just click on those steps. I don't know how I could explain this clearly enough :). But I think it'll be nice if you could implement it. I'll also try to implement it when working out the next solution. But really, this was a beautiful solution. Haven't gotten the time to check your code but I would do that when I complete this solution myself :D. Keep up the good work :D
Wonderful solution 🎉🎉. I really love your solutions. I have an observation. In the about page, where a user clicks on the plus icon to reveal the information about a particular team member, I noticed the transition was not that smooth and it took quite a while. That's the only thing I noticed. Other than that, your solution is amazing 🎊🎊
Beautiful solution as always 💫. I noticed you used the CSS clamp function. How does it really work? I mean I've used it before but really didn't understand how it works. Is there any tutorial you could point me to
Nice work on this challenge 🎉🎉. Sorry again I had to ask, when I looked at your package.json file, I noticed you used Babel and gulp. Could you point me to any resource that teaches how to use Babel and gulp. Because I want to make my next challenge backwards compatible too (i.e the JavaScript).
