Went started to learn the tools, CSS has too many options or ways to do the same thing. I wasted a lot of time selecting "the best" way to do something simple.
Who do you choose the way to move forward without overthinking?
Which areas of your code are you unsure of? box-sizing: border-box;
Live Server extension on VSCode helps a lot to speed up the process. Are there any other tools that help to preview the results faster and better on multiple devices?
You can check out your web browser's Web Developer Tools if you haven't tried that. There's an option there to toggle Responsive Design Mode. From there, there's lot of device screen resolutions you can choose to see mobile/tablet/desktop previews. Here's how
Feedback Much Appreciated :
Resolutions on this project: first time using a JSON API so I had to do some research on how to use the fetch function in JavaScript but in the end was able to complete it.
still have not reached this method in my JS course but i still thought it would be a good try to research and figure out my own way of solving this problem. 🚀🚀🚀
Great stuff! Works real nice, you nailed it with your effort. Research and test- to tackle the 'unknown', our developer way. 🔥
For the clock icon before 3 days left, I can't figure out how to align it vertically with the "3 days left" text.
I think for the .time class, you could either try to add display: 'flex' and align-items: 'center', or adjust a bit of top padding or margin for .time::before. I'd test it myself first, but I'm yet to be back at home on my PC.
Attribute "loading" not allowed on element "img" at this point.
NextJS <Image> component features lazy loading (loading="lazy") that results to these 'errors' picked up by the HTML validator.
I added a back-to-top button and infinite scrolling. It's also my first time to use Tailwind-CSS. I usually use custom CSS or SASS. Might be messy.
Might be overkill to use NextJS but I wanna become natural at it by keep using it. Also, trying to resolve Attribute "loading" not allowed on element "img" at this point.. The <img> tags are enclosed by <Image> tags of 'next/image'. So I'm not pretty sure how to fix that. Feedback on how to solve that would be appreciated.
