@dullarzee
Latest solutions
Responsive nft preview component with scss
Submitted 6 months agoI encountered errors while trying to deploy my scss file with vercel. This is my first time using vercel, i normally use github pages but since i was working with sass this time (first time also) i decided to use vercel. (I did so cos I didn't want to push my compiled .css file just .scss i read somewhere that vercel cen convert it to css) I compiled it in my local machine and all was working well but on deployment nothing worked i added a package.json file but still nothing worked, i removed it and it got deployed but no styles applied. I finally pushed the .css file to see if it worked and yes it did.
Where i need help here is how do i make this work. i.e pushing my .scss file without pushing my .css and configure vercel to convert/ compile it.
Responsive ecommerce site - HTML, CSS, JavaScript
Submitted 6 months agoWhat method did you use in producing the white overlay effect on the thumbnail images when clicked or hovered on.
Responsive news page
Submitted 6 months agoPlease report any bug if found or rather recommend better ways to tackle what i did.
Latest comments
- @jonathanudeh
This is good and identical too. Kudos.
- @calvinvinWhat are you most proud of, and what would you do differently next time?
This challenge seems to be more desktop-based, and I seldom style such these cases. So it took me more time on the styling of this challenge.
The given example of mobile version design image is 750px in width but the instruction is to build a mobile version of 375px. As a result, I build a display on 750px viewport width based on the given example, and another display for smaller viewports just the way I like it to be.
@jonathanudehNice job, you really did great
- @raozhaizhu@jonathanudeh
Great Job, it looks really nice. Is that Tailwind css you used?
- P@MukarramHaqWhat are you most proud of, and what would you do differently next time?
I'm really proud of two things:
- The slider
- The lightbox design
I think writing cleaner code would be very beneficial in the future.
What challenges did you encounter, and how did you overcome them?I think the main challenge I encountered was the positioning of the cart. For some reason, it would only go as far as the middle of the page.
So to tackled that I learned a little about position and I was able to solve it after that.
Another challenge that I faced was that whenever I would click an image in the lightbox the lightbox would close. In order to tackle that I put the following code
What specific areas of your project would you like help with?if(e.target !== e.currentTarget) returnin theaddEventListenerfor the lightbox.I would really like some help with how I chose the elements in JavaScript. Do you guys think that was the only way to do it or is there a better and cleaner way to go about it? Maybe create a new
.jsfile and get them as objects?@jonathanudehBased on how your coded is structured I think using if(e.target !== e.currentTarget) return for the solution was a good choice. overall you did a very good job.
- @Zeey76@jonathanudeh
great work mate, you did well
- @JstickzWhat are you most proud of, and what would you do differently next time?
This project was quite difficult but it was worth it.
What challenges did you encounter, and how did you overcome them?I encountered a lot of challenges with javascript as I not very conversant with the programming language yet.
What specific areas of your project would you like help with?None for now.
@jonathanudehOverall everything is solid and looks really nice, I love it.
Though i noticed a bug, which is i can submit the button without consenting (when every field is filled but the checkbox is not). Hope this helps.
