@0gopi0
What are you most proud of, and what would you do differently next time?
it's desktop only not a responsive mobile website
Sushmoy
@isushmoyAll comments
- @isushmoy
Great work on the project! However, I found that the explore button was not working as expect.
- @NourGm28What 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
@isushmoyGreat 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 helpful - @AMR1772000
- @dolapobjWhat 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?
@isushmoyIt'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.
- @LMCyberWhat 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
@isushmoyGreat work on the project! You've missed one thing though, the hover state for the shadow part. Perhaps you can look into that!
- @Saguneo@isushmoy
I'm very impressed by the responsiveness of the app. Also, the functions are working as expected, great work!!
- @remoirien@isushmoy
You can practice using rem as the unit for sizing. It's very easy. 1rem equals 16px and you can calculate everything based on it. Also, you can add the 'text-center' to center the texts inside the component. Great work btw!
Marked as helpful - @perezc52What are you most proud of, and what would you do differently next time?
I am most proud of how quickly and pain-free I was able to do the javascript part of the app.
What challenges did you encounter, and how did you overcome them?The biggest challenge I encountered was the styling of the app. It was tough trying to position the elements to try and look exactly like the picture in the design. I think I got pretty close. It took me a long time to try and position the elements the right way.
What specific areas of your project would you like help with?I would love feedback on everything in general. More specifically though, on the front-end part as that is what I tend to struggle with on most of my challenges.
@isushmoyHello there! Great work on the challenge! Everything works perfectly except for the UI, which is kind of broken between the width of 575px to 800px. Perhaps you can fix it by working on it.
- @aditya379What are you most proud of, and what would you do differently next time?
Fun Activity
@isushmoyGreat work on completing the project! I've tried out your calculator, the functions work just perfectly but the UI kind of needs some work to look better.
- @TorycdWhat are you most proud of, and what would you do differently next time?
I think the use of the API leaflet and geolocation
@isushmoyI can't seem to see my real-time IP address at all. I also can't seem to search for any domain or Ip address. I think you need to check the code again.
- @mrsev17@isushmoy
Great work on the challenge! However I think that in the mobile layout, the day and the month field is a bit far away from each other, perhaps you can take a look into that.
- @juanpablobracco@isushmoy
Good work on the app! However when trying, I found some error. For example when putting 12/03/2000, I get the output of 32 days! And when I input 13/03/2000, I get the result of 23 years, 11 months, and 31 days when it should have showed 24 years, 0 months, and 0 days. You can try to work on the algorithm. For the layout, you can put some padding on the down arrow image.
Marked as helpful - @m-elagamyWhat are you most proud of, and what would you do differently next time?
...
@isushmoyI've checked on some dates and everything is working fine so far. More work can be done on the UI though if you want.
Marked as helpful - @MetalHop@isushmoy
- It will look better with some gap between each article. You can use flexbox gap property to achieve that.
- The button color didn't match. You can turn it into the red color by copying the hsl code from the style guide file.
