All solutions

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

I learned :has() pseudo class in this project. Also I learned how to write less CSS. In JavaScript VALIDATION_STATE is used to validate input fields and values. I have written state management functions in this project.

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

State management was little challenging.

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

I want help on my JavaScript code.

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

I learned MVC low level design architecture. Also I design custom card components with setBackgroundColor() method. Complete page is render dynamically. Spinner for slower connections and error handling functions are written to show errors to the user.

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

I used grids and subgrid in this project. It was challenging task to do, but I wrote minimum css thanks to grid. Challenging task was when subgrid element was overlapping main grid element on small screen( checkout

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

I want to know about low level design architectures used in frontend development.

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

This is my 1st mobile-first workflow project. Now I understand how to choose design workflows! I think flexbox works well with mobile-first workflow. I ended writing very less CSS.

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

Writing media query's was quite challenging because I was used to write CSS from desktop to mobile workflow.

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

I want to write modular CSS code by using @container and :has(). I want to use form validation API's and modules in my next complex form project. Please recommend me complex form validation projects.

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

I designed this card using a desktop-first layout. Next time, I will adopt a mobile-first approach.

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

Due to the desktop-first approach, I spend more time in designing tooltips for mobile screens. It proved to be a challenging task. However, I managed to overcome this challenge by implementing two separate tooltips for desktop and mobile devices. I believe adopting a mobile-first approach will solve this process, by using a single tooltip solution.

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

I want feedback on my CSS code. I want to write more modular CSS.

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

I got errors in html validator. I had created add-on custom element, add-on elements children are custom elements as well. I had checked html tree structure all children are defined before main add-on element. Also I had checked JavaScript written for children templates elements. Here is a error list https://github.com/ShubhamOulkar/frontend/issues/23. I need help on this.

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

I'm really proud that I finished my first challenge in just three hours. It showed I can handle tough tasks quickly. Next time, I'll work on managing my time better so I can do even better.

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

I faced challenges when using variable fonts for the first time and working with CSS selectors. To overcome them, I researched online tutorials and documentation to understand how variable fonts functioned and experimented with them.

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

I want help in writing better CSS and HTML for better SEO and accessibility. Also I want some insights on oklch() color method for better UI experience.