You need to learn how to make the website responsive. Flexbox doesnt work everytime. Give quotation to the first card, use background-image then no-repeat. Try to use more semantic html like article, main, aside etc. instead of div. If you want check my solution its not the best code but maybe it will help.
What are you most proud of, and what would you do differently next time?
I recently learned about the max and min width properties and used them for the first time in this project. I had used clamp in my previous project as well. It's enjoyable to learn and apply new techniques
What challenges did you encounter, and how did you overcome them?
I became more familiar with CSS Flexbox. I used pseudo-elements and also utilized the max and min width properties. It was good practice
What specific areas of your project would you like help with?
I created the cards using flexbox. When I start to shrink the page, the left and right cards start to shrink, but the sizes of the middle cards do not change. Despite trying many things, I couldn't find a solution to this. I would really appreciate any help
You should change the css of "team builder" and "karma" container. It's not responsive because of fixed width. While shirnking card__left and right (almost before changing media to mobile query) computer icon is too close to the text for instance you can try to fix it with margin. I think that rest of code is good i didnt noticed any problems and ofc you made a really good job. Keep going 😄
Your code is readable, i dont see any bugs in html but something gone wrong with your css. Media queries, doesnt look too good. Text overlaps or is too close to each other when screen has width of 660px (example). I think that changing text settings, line-height, font-size, etc. for mobile devices would be a good solution.
What are you most proud of, and what would you do differently next time?
the first and foremost i am proud on myself for completing this project. and next time i ll more take care of html semantics and how to document your code more nicely.
What challenges did you encounter, and how did you overcome them?
challenges i faced in this project was not so big and hard but they are just little things here n there in css side like making margin between tag bullet point and its content. etc
What specific areas of your project would you like help with?
i would like to get help in the responsive part because i did this after a little long time and i am pretty much sure that the responsive part could also be wrote way more better than this.
What specific areas of your project would you like help with?
Truly feels like I wrote a lot of unnecessary stuff, most likely made a lot of questionable decisions as well. But this is the best I can do at the moment with my current very limited knowledge.
You should change background-color on a:hover. At your place i would learn how media query works because you didn't use it and website is not responsive for smaller screens.
