All solutions

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

• My solution is not perfect and it was exhausting for me.
• I am proud of I managed to create all given features. I also added some on my own.
• I would definitely think about better structure of my code next time because I wrote in a single file and it became a bit messy.
• I implemented basic accessibility.

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

• The most problem was to create overlay. It did not work on my fixed positioned elements so I created their own overlay for each one. That solution could be better.
• Positioning the elements took me the most time.

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

Please give me some opinion or advice. 🫡

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

It looks quite good in my opinion.

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

The navbar menu. I overcame it with Kevin Powell's video help.

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

Accessibility. What should I add/change in my solution? What about aria attributes?

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

• It looks ok overall

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

• The biggest encounter was to create animated accordion itself. I used a trick method with grid-template-rows manipulation

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

• I still don't feel confident with dealing with background-image like in this example. I don't have an idea how to make is sticky or stop from weird resizing
• Similar with icons, should I use img or svg tags? My solution includes svg but I'm not sure my approach is good especially with toggle them
• Please leave a comment or your opinion 🫡

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

This was quite simple, but I need to learn more about accessibility and improve my solution.

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

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

Tips for dealing with SVG icons. Leave some good sources about accessibility please.

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

• My solution looks quite good and works well even for more than four answers per question
• I am proud of the theme toggle 😎
• I would definitely build the code structure in better way. I split it in functions but it still can be messy for other people
• I think I will refactor it using classes someday 😅
• Also I'm going to add more animations, celebration effect and upgrade keyboard control

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

• I had to use css custom variables with my scss to make theme toggle works
• I found out that I can't use innerHTML for answers because they contain HTML code 😅
• It was quite easy to make it working but I'm still weak in structure and DRY

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

I did not use any frameworks and libraries. I think I am getting ready to start learning it. What should I start with?

All comment will be helpful! Please leave your opinion 🫡

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

• Generally I am proud of that it works 😅 Except that I feel it should looks a lot better
• Next time I would use ready components and create better structure of my code
• I have just wanted to make it works cuz of I started to getting lost in my code

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

• The most difficulty was to style input of type range and checkboxes because of their weird basic behaviour
• I had to find some information about webkits and etc.
• I created very simple algorithm which rate password strength, it definitely needs a improvement

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

Leave your opinion about anything you think about my solution. Thanks 🫡

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

• I'm proud of that my I have managed to create cool interactive app. It is close to the designed one.
• I would simplify my solution next time especially with validation, my code looks a little bit messy and it needs some refactoring.

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

• I wanted to make it as much interactive as it is possible therefore it took me much more time as I thought cuz of the my validation.
• I have complicated it with no reason but I am happy it works. 😅

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

• Every opinion and tip will be helpful!

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

• I have tried to make my solution as much dynamically as I could.
• I would take care of the structure of my code next time.
• It should be more maintainable and clean.
• I would also give better class names in my HTML.

Overall I am satisfied. 😅

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

The most difficulty was finding a way to dynamically change between time frames. I gave each button data attribute and then I used it to create specify markup for each card and render it.

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

I encourage you to leave any comments and tips. 🫡

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

I would add some transition on hover effect. Due to usage input tags I couldn't create pseudo elements on them which could let me to change background with effect. Perhaps I would let my wrapper grow a little bit before it achieves the breakpoint.

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

I didn't have much serious problems.

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

Accessibility

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

My solution looks quite similar to designed one. I created simple button click effect using event delegation but its not perfect.

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

The most demanding for me was image behavior. I'm still not sure about its position, size etc. in responsive way. I overcome it with some height changes in image wrapper combined with image properties.

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

Any opinions will be helpful 🫡

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

I am happy that my solution is quite similar to the designed one. I was trying to make my code clean but I would write my media quaries in one place next time.

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

The most difficult for me was overcome the hero image especially its position. After a lot of tries, I have decided to use max-width on the image combined with absolute position and negative fixed pixels in top and right properties.

I also realised that i need to be tricky to create hover effect on buttons with linear gradient background. I used psuedo elements with white background and opacity.

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

Every comment will be helpful. Let me know what do you think about my hero image approach. How would you overcome this? 🤔

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

I don't see any great things I could do better. 😅

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

I wasn't sure how to manage with background image. Firstly i used picture tag with ability to change source of image combined with position absolute. But then I decided to just change URL of body's background-image in media query. Let me know your approach 😎

I also decided to not nest classes in my SASS file like I used to do.

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

I would like to know your opinion about my BEM approach and semantic HTML. Is it correct and also enough clean and maintainable? 🤔

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

I feel more and more confident thanks to the responsive layout, although I still have a lot to learn.

I would try to find out better approach to put and control images on my page. I am still confused how is works sometimes.

My solution combines pseudo elements and background images. I don't know if it is good approach because you can get lost with z-indexes.

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

I used a lot of clamp() to make my site responsive but it still a little bit weird for me how it works.

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

I would like to know what is your approach to curved borders. My solution doesn't look perfect.

How do you overcome with margin and padding in responsive layouts? What should I use to let them smooth growing. I tried with %, em unit and clamp() functions.

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

Basically, is it better to use margin or padding on cards' elements?

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

To be honest I'm not proud of this page at 100%. I had a lot of problems e.g. background image behaviour. Overall, it's looks nice comparing with the designed page.

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

I had to create a lot of sass custom variables to change font sizes and make the page responsive.

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

I want to improve my solution but I am stuck. My code might be not clean for you. I get lost in it myself 😅

Let me know what do you think I should change in my solution.

How to deal with destroying page when zoom out? I used grid and stretched content to keep the page in place but I am not satisfied with it.

What is the best way to increase and decrease font sizes and paddings to make page responsive?

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

I was trying to be as precise as possible and make my solution close to the designed one. I took account of semantic HTML.

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

I had to create specific grid layout to have control of cells position. I managed to do it by using grid-template-areas. I also create useful SASS mixins e.g. which controls background color and font color for each card element.

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

Any ideas will be helpful🫡

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

I'm proud of my solution with grid-template-areas. Code looks clean and maintainable for me. I feel control over the grid layout in this way.

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

The biggest challenge was creating responsive grid layout.

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

I'm still not much confident using semantic HTML. I need to catch up.

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

I'm proud of the final result. I would use another way to replace image source. Mine it is not the best way.

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

I had to find out more about self-hosting fonts.

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

I wonder if my solution with media query could be better, especially image behaviour.

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

In my opinion my solution looks very similar to the designed one. I created a lot of custom variables which makes my code clean.

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

The most important was reset default CSS e.g. list element. I also realised I need to style anchor tag instead of list item tag to make it clickable at the entire width.

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

I'm not sure why my card is a little bit less wider than designed one. To make it responsive I used max-width property but it looks like the card container always needs less than that.

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

I managed to create useful mixin with sass for flex-layout and I found out what the @font-face is.

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

I had to create multiple flexbox containers.

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

I didn't find solution how to make font size smaller on small screens without using media query.