All solutions

What challenges did you encounter, and how did you overcome them?

Using a hamburger nav-bar and changing the view in desktop view

What specific areas of your project would you like help with?

When I change the view in the desktop view the nav-menu is not aligning properly and I think that the view in desktop for the nav-bar is not that good.

Any other suggestions would be welcomed!!

What specific areas of your project would you like help with?

Can the day calculation code be written in any other way(simpler way)?

**Any tips or suggestions are welcomed!! **

What specific areas of your project would you like help with?

Is flexboxing the main class causing the screen to not look proper in widths of the screen greater than 1024px. How can this be fixed??

Any Tips/Suggestion would be helpful.

What specific areas of your project would you like help with?

The Styling of the form element when there is error. As you can see they are not aligned properly.

Along with that is there a simpler way to write the JS code for this??

Any Suggestions/Tips are welcomed

What specific areas of your project would you like help with?

Any Suggestions/Tips would be welcomed.

Thank You!!

What specific areas of your project would you like help with?

Any tips/Suggestions to make the code look good.

What specific areas of your project would you like help with?

Any Ideas/Tips would be welcomed.

Thank You!!

What specific areas of your project would you like help with?

The 2 images that are given for the background. I have placed them using brute force. Is there a method so that they are responsive?

Any Advice/Tips would be welcomed

Thank You!!

What specific areas of your project would you like help with?

Any Suggestions/Tips would be appreciated

What specific areas of your project would you like help with?

Any Suggestions/Tips will be welcomed

Thank You!!

What specific areas of your project would you like help with?

Any Suggestions or tips would be helpful

Thank You!!

What specific areas of your project would you like help with?

the clock and the text are not getting placed together on the same line.

Any other advice or suggestion will be helpful

What are you most proud of, and what would you do differently next time?

Working with forms in conjunction with JavaScript for the first time.

Slowly but surely improving my front end skills

What challenges did you encounter, and how did you overcome them?

Had a doubt with the structure of the element and took a lot of time deciding the structure.

What specific areas of your project would you like help with?

I would like someone to go through the code and let me know whether the solution is correct or not as I am not sure about it.

Any Ideas or suggestion would be welcomed!

What specific areas of your project would you like help with?

Any ideas/suggestions would be welcomed

What are you most proud of, and what would you do differently next time?

Getting the hang of utilizing data from the Local JSON file.

What specific areas of your project would you like help with?

Any Ideas or suggestion to improve the code.

What are you most proud of, and what would you do differently next time?

Utlizing the JSON file to get data for the first time.

What challenges did you encounter, and how did you overcome them?

Using JSON was really difficult and took a lot of research to get through

What specific areas of your project would you like help with?

As you can see in the JavaScript Code I have some comments in nextFunc() which were not giving the proper output like:

const val = timeframes.${clickedId}.current; const value = element[val];

This is giving me undefined output and due to that I had to use a brute force method. I would love to know what was wrong in this and any other advice /suggestion will be helpful

This was my first time using JSON so I don't know whether it is correct or not.

What specific areas of your project would you like help with?

The image and the card have been made relative and absolute but when you zoom in or out the card position keeps changing. Is there a better way to change it so that it looks good.

Any Advice or suggestions are welcomed

What are you most proud of, and what would you do differently next time?

Made sure the mistakes I made in the last challenge was not repeated.

What challenges did you encounter, and how did you overcome them?

Nothing in particular that comes to mind.

What specific areas of your project would you like help with?

The error-message section is not getting displayed at the flex end. That's the reason I have hard coded the margin-left values for both Mobile-view and Desktop View. Any advice or suggestion will be helpful.

Any Other advice or suggestion will be helpful.

What are you most proud of, and what would you do differently next time?

Utilizing JavaScript For the first time in a Code.

Try to be more precise with my CSS styling and javascript implementation

What challenges did you encounter, and how did you overcome them?

The first thing was the JavaScript utilization as it works at times and it doesnt even though the code written is complete in my opinion.

What specific areas of your project would you like help with?

1.As I mentioned that there are some times when the JavaScript Functionality doesn't work at all but the next moment it does. Even in the code I have submitted it is showing the same issue. Do guide me on that.

2.The CSS toolkit section utilized two different designs for two different views. I had a lot of issues developing it and I don't think that it is perfect to this point. So I would love to hear any advice and tips to work along that.

3.As you can see the image that is in the desktop view doesn't take up the full view even after I have specified it to be 100% in both width and height along with the background-size set to contain. I tried to look for solutions to tackle this but everything I tried resulted in the same output.

These are some issues I had and would love to get feedback on. ANy other tips/Advices would be valuable.

What are you most proud of, and what would you do differently next time?

Completing the whole Project without referring to any material and the improved timing.

What challenges did you encounter, and how did you overcome them?

Nothing in particular just took some time to make a decision whether to use a flex or grid in .b1, .b2 sections in the desktop view. Chose flex at the end

Would like advice if it was the right call or if anything can be done differently.

What specific areas of your project would you like help with?

Any advice or suggestions would be of great help.

Thank you

What are you most proud of, and what would you do differently next time?

Utilization of a grid component for the very first time.

Would love to use it more.

What challenges did you encounter, and how did you overcome them?

The styling of the mobile side went fast and I was stuck styling the desktop view.

I faced challenges using grid as I had not structured the the card elements inside another container and tried making the whole container as grid making it congested. Later on I corrected it and the styling became easy. But then I faced the problem aligning the b2 and b3 elements. But putting them in a container made it easy.

What specific areas of your project would you like help with?

Any advice on the efficient utilization of grid would be helpful. Apart from that any other advice after looking at my code would help me a lot.

Thank you!!

What are you most proud of, and what would you do differently next time?

I think I utilized flex properly this time and it took me comparatively less time.

Overall I learnt a lot during this project.

What challenges did you encounter, and how did you overcome them?

Converting the flex direction to row for desktop did not work at first. Had to do some changes but it worked at the end.

What specific areas of your project would you like help with?

Nothing in particular but any advice will be welcomed

What are you most proud of, and what would you do differently next time?

I would love to tone down on the Font sizing for sure next time.

What challenges did you encounter, and how did you overcome them?

Styling the table elements turned out a bit difficult. Took a while to get the hang of it.

Utilization of new attributes like the first-child etc also turned out to be challenging.

What specific areas of your project would you like help with?

Help with the Font-sizing would be of great help. As you can see that I have made the fonts way to big. I was following the mobile first approach and it looked good on mobile but should I change the whole thing in the sizes above 768px? Or is there a better way.

The reason I ask this is because I have used them rem units but the size is not changing based on the browser size.

Any other advice would be welcomed!!

What are you most proud of, and what would you do differently next time?

Utilized the mobile first approach for the very first time. Solved most of my issues.

What challenges did you encounter, and how did you overcome them?

Nothing in particular that comes to mind.

What specific areas of your project would you like help with?

Nothing in particular.

Would Love if there are any useful tips or advice