Latest solutions
Responsive Recipe page using Bootstrap
PSubmitted 7 months agoPlease let me know if you think I could have done something better, different...
Challenge2 Blog Preview Card
PSubmitted about 1 year agoI appreciate every feedback you think would help me improve my design.
Challenge 1 QR code using HTML and CSS
PSubmitted about 1 year agoI do not need much help on any areas in this project.
Latest comments
- @ayudh07P@SrkiMax
Hey, this looks pretty good, you should do more challenges. Happy coding!
- @zeeguWhat are you most proud of, and what would you do differently next time?
❤Things I've tried
- Created Single Page Application (SPA) with Vue
- Product Details Page with Data Binding
- Shopping cart: Created a function that only adds quantity when overlapping items are contained
- Used Boostrap to design layout and implement functionality
- Scored 92% on mobile, 80% on desktop Google PageSpeed Insights
- Considered web accessibility
- Responsive for Mobile, Tablet, Desktop devices
💪Things I should improve
- When I click on New Arrival's list of other products, the thumbnail changes slowly in the desktop layout with delays.
- Is it because of the size of the image capacity? Google PageSpeed Insights also said image-related resources indicate a problem.
- But I have no idea how to solve it 😢
Please let me know if there are any areas of improvement! Thanks :D
P@SrkiMaxThis is the best challenge solution I have seen so far on Frontend Mentor. I have a lot to learn from you. I like the way you added more products to the page. The only thing I think you could add is a lightbox that opens once the user clicks on the big image of the product. Keep up the good work. Happy coding!
- @YahyeAhmed0P@SrkiMax
Hi! I am also still learning, and here is my advice. You should try and check how your webpage looks on different screen sizes, and make corrections along the way, if some div goes behind other div, then you should correct your CSS styling for that div.
Happy coding!
- @ChrisRolandP@SrkiMax
This looks really good. I see that you also started coding recently. You're doing great. Happy coding!
- P@AnjelToppoP@SrkiMax
This looks great, and it's almost pixel perfect. I just noticed that you could get much smoother transitions with this accordion by using Bootstrap's accordion component. Try it out, you'll see how simple it is. Happy coding!
- @amir-mirzakhaniWhat are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
P@SrkiMaxThis looks good, you might also find a way to trap focus, and not let the user tab outside of the app while using the Tab button. Otherwise, all looks good. Happy coding!