@0gopi0Submitted 10 months ago
What are you most proud of, and what would you do differently next time?
it's desktop only not a responsive mobile website
Latest solutions
Rock, Paper, Scissors, Lizard, Spock: React.js and Tailwind CSS
#react#tailwind-cssSubmitted 7 months agoSpace Tourism Website: Vue.js, Tailwind CSS, GSAP, and Vue Router
#gsap#tailwind-css#vueSubmitted 10 months agoE-commerce Product Page: Tailwind CSS, Vue.js
Submitted 11 months agoAny suggestions on how I can improve are welcome!
URL Shortener: CleanURI API, Clipboard API, Vue.js, and Bootstrap
#bootstrap#fetch#vueSubmitted 12 months agoIP Address Tracker: IP Geolocation API, Leaflet.js, and Axios API
#axios#vue#bootstrapSubmitted about 1 year agoAny suggestions on how I can improve are welcome!
Latest comments
- @isushmoyPosted 10 months ago
Great work on the project! However, I found that the explore button was not working as expect.
0 - @NourGm28Submitted 10 months agoWhat are you most proud of, and what would you do differently next time?
I'm a bit confident with media queries in simple interface ,next time I would try something more complex to improve myself
What challenges did you encounter, and how did you overcome them?again the media query but I finished it faster this time
What specific areas of your project would you like help with?I would appreciate any advice to improve coding ,thanks
@isushmoyPosted 10 months agoGreat work on the project! You can make the site look better by playing the entire content at the center of the screen. You can do that by using flex center and margin property I believe.
Marked as helpful1 - @AMR1772000Submitted 10 months ago
- @dolapobjSubmitted 12 months agoWhat are you most proud of, and what would you do differently next time?
Most proud of getting the visuals very similar to the original design. It looked challenging at first, but once I figured out how to correctly add box shadows with the correct offset, I was able to make the card look how I wanted.
What challenges did you encounter, and how did you overcome them?The biggest challenge was trying to eyeball the designs and get them to look similar to the original design. What I ended up doing was setting the design as the background to my HTML page, and then comparing my card dimensions to that of the actual design.
What specific areas of your project would you like help with?I would like feedback on my responsive layout/design. The card only looks as intended in full screen on a 16:9 aspect ratio screen. However, when I narrow the viewport, the card doesn't look as clean. What is a good way to handle this for a design where the elements will shift a lot depending on how narrow or wide the viewport is?
@isushmoyPosted 12 months agoIt's great to hear that you're proud of achieving visuals similar to the original design, especially overcoming challenges with box shadows. To improve next time, consider creating a more systematic approach for achieving consistency in design elements.
For handling responsive layouts, consider using CSS media queries to adjust the layout and styling based on different viewport sizes. You can set specific breakpoints where the layout shifts, ensuring that elements adapt well to various screen sizes. Additionally, using relative units like percentages or viewport units can help maintain consistency across different devices. Testing on multiple devices and screen sizes can also provide valuable insights into how your design responds to different environments. Overall, focusing on responsiveness will enhance the user experience across various devices and screen sizes.
0 - @LMCyberSubmitted 12 months agoWhat are you most proud of, and what would you do differently next time?
I am very proud to achieve almost perfect design by paying attention to all the details, both mobile and desktop.
What challenges did you encounter, and how did you overcome them?Finding the right sizes for the elements was the most challenging part, the Figma file was not helpful, so I did everything by measuring the initial design image with a ruler.
What specific areas of your project would you like help with?The correct sizes in Figma to achieve the same design
@isushmoyPosted 12 months agoGreat work on the project! You've missed one thing though, the hover state for the shadow part. Perhaps you can look into that!
0 - @SaguneoSubmitted 12 months ago@isushmoyPosted 12 months ago
I'm very impressed by the responsiveness of the app. Also, the functions are working as expected, great work!!
0
