i figured out quite a bit about css grid while doing this challenge, also like the variable font size
don't really dig how Not close it is to the original, and i think it needs more breakpoints (but the design didn't provide me with any besides the desktop/mobile)
Stop degrading your work, you worked hard on it so you should feel better for the sake of your mentality. there is minimal difference in text size but it's negligible because the layout is similar to the design. 😁😁
the breakpoints are fine too, because we have only desktop and mobile views 👍.
I figured out how to place elements on a grid and make them responsive.
What challenges did you encounter, and how did you overcome them?I wasn't sure how to make the right side have a gap without having a gap on the other elements. I also wasn't sure how to make a responsive mobile menu but using popover api made this easier.
What specific areas of your project would you like help with?I welcome any general feedback.
I love how you made the popup burger menu, can you please explain how you did it cleanly without js? 😁
I like how I set up the form elements and how responsive it is.
What challenges did you encounter, and how did you overcome them?No particular challenge
What specific areas of your project would you like help with?Any general feedback is welcomed.
can you explain how you did the success message when everything gets validated? I kinda dont know how to do it.
Thank you.
next time work on more responsive and acceble and more short code and intractive
What challenges did you encounter, and how did you overcome them?in css baground image and color is my difficality and over come by study mdn and w3 school
What specific areas of your project would you like help with?in html how tag the accordion intractive part and in css
Proud of being able to manage elements through different kinds of handlers.
What challenges did you encounter, and how did you overcome them?Still getting used to the document schema, to be honest.
What specific areas of your project would you like help with?None at the moment.
I'm mostly proud of the fact that I was able to complete this challenge and the time it took me to do it. The few times i had worked with the fetch API to retrieve data if found the whole process to be somewhat convoluted and intimidating, so I was expecting the completion of this challenge to take me a few more sessions than it did, but in the end I was able to implement the desired behavior quite quickly, albeit probably not in a perfect way.
What challenges did you encounter, and how did you overcome them?Creating functions that would update the displayed time stats according to the selected timeframes was challenging. While it seems like my code does what it has to, coming up with the aforementioned functions was mor of a trial-and-error kind of process rather than me actually knowing what I was doing. I'd say I was mostly lucky that it worked.
What specific areas of your project would you like help with?I feel like my fetch statemant is not very well polished, specifically in terms of the handling of errors. Other than that, I realized that when opening the console on the live site, everytime I toggle through the different timeframes a lot of unchaught TypeErrors appear and, in all honesty, I have no idea what that's all about. I'd appreciate if someone could point me in the right direction in terms of mending those errors.
Hello Alvarozama! I hope you are doing well! your front-end code is great and simple to read. but for the JS there is more shorter ways to do it without repeating yourself, actually doing the work than you. you can read more about fetch and how to change the content using innerHTML to change it without a lot of 'selected' and 'deselected' you did... it is working tho so it's just about preference and time saving... I am not a teacher or anything so I hope my idea reached you.
thank you! if you need more explaination, tell me brother.
Being able to combine the use of html, css and javascript.
What challenges did you encounter, and how did you overcome them?My main challenge was in hiding / showing appropriate elements in the different states of the application. I overcame the challenges by experimenting with grid, css and javascript.
What specific areas of your project would you like help with?Feedback on semantic css, and any potential improvements to make the code more efficient.
none
Hello Emmanuel! I hope you doing good! I think you've done great, just a small issues with the js. for the pop up to hide you can simply:
Thanks!
I'm not quite sure what was written. Because of fear of not being as desired
Nah no need to fear!! because there is no wrong or right way to do things, just bad practices that can be changed with time. The code you wrote looks good for now!! you can come anytime after you learn more and become more comfortable with what you are doing and challenge yourself to make it as close to the design.
In general, your code looks fine!! but for the responsiveness of the layouts, I recommend watching Kevin Powell, he gives some nice advices to make your layout more lively!!
Im just starting out. how can I do this better?
You can start by centering everything using display:flex; and justify-content:center; and align-items:center; to the body element, then add background-color to it again, you got the layout right and you need to use multiple margins and padding to make it look like the original one. if this challenge is hard for you, you can always take it easy and start with the QR code component, and so on taking it step by step.
