All solutions

I'll appreciate any feedback. As the projects get bigger, I often lose the overview over the HTML/CSS structure. However, I still managed to finish the challenge. One problem I could not solve was changing the svg logo to full white, when the mobile navbar is expanded (i tried it with brightness and invert filter).

I am happy with the responsiveness of my solution. However, I had problems with the images, because this was the first time using srcset. I dont think I really understood how that works with the differnet sources and sizes, but it is currently working. Any feedback is welcome!

I'll appreciate any feedback! I just recognized that the text with the heading is "shaking" a little bit when the animation of the cards play. I don't know why that happens. There is also a problem with the animation of the cards itself. Before the animation the page's height is greater than after it. I am not sure how to prevent this (tried overflow: hidden, but that would also cut out the other content after the animation).

I usually manage to finish the challenges according to the specifications, but I always feel like there would be a better and cleaner way to implement the designs. How do I know whats best practice? I'll appreaciate any feedback!

I'll appreciate any feedback! This is the first time, that I developed the responsive design from mobile first. I find more difficult than desktop first, because I don't think of wrapping the flex for example. Is there a preffered way to do it or does it just depend on the developer? I managed to implement the design with CSS only (no JS).

I'll appreciate any feedback, especially about the structure of my HTML/CSS and the classes.

I'll appreciate any feedback!

I will appreciate any feedback! I like the responsive design in this challenge. However, I would like to know, what the best way is to give a grayscale image a color shade (purple). I solved the problem by wrapping the image in a div with the desired color as the background-color and decreasing the opacity of the image itself. Is there an easier way to do this, or is my solution best practice?

I will appreciate any feedback! I have a question about the scale transition on my submit button. When the transition ends and the button animates back to normal state, the text inside the button jumps a little bit. How can I prevent this?

I'll appreciate any feedback! I had a problem with the hover effect of the main image, because the height of the hover div was 5px bigger than the height of the image. I fixed it with absolute positioning and moved it up by 5px, but I still don't know the reason.

I appreciate any feedback!

I really like the animations! I appreciate any feedback and help for improvement! I didn't manage to get the background of the card right, because none of the given colors matched it.

I'll apprechiate every feedback!

That is my first published React app. I am not sure, if the structure and division into the components is good. However, I like how I managed the responsiveness! I would apprechiate any feedback!

I would appreachiate general feedback! Also, can I use React in such cases in the way I did? Is it ok, if I only use React for a specific task (in my case the chart itself) or should I use it for the whole project then?

Hey, I just finished this challenge, of which some parts where very difficult for. Especially the responsive design. I often loose the overview of my css code at some point, which makes it even difficult. Thats the reason I did not manage to implement the responsive background image.

I would love to get some feedback (especially about the responsitivity)! Do you know how I can learn more about responsive desgin?

I only focused on the desktop implementation (1440 * 90). I want to try the project again sometime, but then also with responsiveness. Before that, I want to improve my CSS general skills and structure. I would appreachiate feedback about my code structure, especially CSS!

Hello, this is the first challenge I completed here. I would be happy about some feedback!

The most difficult part of creating the website was the validation, because on my first try, the special input system for the expire date (2 inputs) did not work out, because there should be only one message for both inputs. I created a own class for the input validation and managed to implement that behaviour. I did not manage to show the light shade next to the card, because it would then also be displayed on the background image. Does someone know how to do it?

What do you think about my solution, how can I improve?