I am proud for attempting this challenge
What challenges did you encounter, and how did you overcome them?Positioning the svg icon.
What specific areas of your project would you like help with?To continue learning to build responsive projects with best practices my field.
I just wanted to say that you did an outstanding job on your project! Your attention to detail and overall design is impressive. Everything is well thought out, from the layout to the choice of colors and typography. The user experience is seamless, and it's clear that you've put a lot of effort into making the interface both functional and visually appealing. Your technical skills shine through, especially with features like the interactive elements and responsiveness across different screen sizes. Overall, this is a fantastic piece of work, and I can see how much you've grown as a developer. Keep up the great work, and I look forward to seeing more of your projects in the future!
I'm glad that I came back to this after taking some time away. Still, I am having trouble with the code.
What challenges did you encounter, and how did you overcome them?I had limited experience with the different display functions in CSS, so I learned a lot more about them and practiced with some online courses/ games. Unfortunately, I'm still having issues with the display.
What specific areas of your project would you like help with?I would really appreciate if anyone can help with why my @media command isn't changing the layout the way I've intended it to. I've spent a lot of time looking at it and trying different tweaks to no avail.
You can make your .card-Grid class a flex-container for your cards with display:flex;
after that use flex-direction: row; to make the cards go in line as intended.
in your @media-command you can change the flex direction of your .card-Grid class to column to get them to change direction as in the images provided.
also in your html u might wanna checkout your teambuilder class/div bcs i think the div isn't working as you intended it to, but im not sure with that one tbh.
over all i think you did a great job coming back to developing and just need to tweek some things here and there and most importantly don't lose fun and stay consistent with it.
keep it up, hope that helps :D
Great card, looks almost identical to the solution!
Only remark i can make is that u could've used a @fonte-face to include the fonts.
But as i said other than that just a great card, keep it up! :)
Looks great. :)
But u might have a little look at the color of die dividers as they seem a little too dark for stone-100.
unfortunatly i can't visit your github so i can't give u much more feedback than that D:
I need help with whether the structure i am following is good for css and html, and any code improvements should i do?
First of all i really like that your card almost exactly fits the img provided, nice work! I also find the use of " transition: all 0.5s ease-out;" for the buttons really smooth :)
To improve accessibility for ppl. who need to access the web with screenreaders e.g. u could make your html semantic.
Hope this helped a little, keep up the good work!
I’m proud of how I made the design responsive and look good on different devices. I learned that paying attention to small details like spacing and alignment can make a big difference.
What challenges did you encounter, and how did you overcome them?One of the main challenges was keeping the design consistent across different screen sizes.
What specific areas of your project would you like help with?I’d like help with optimizing the code, especially when it comes to performance and organizing the CSS. Feedback on accessibility and improving the user experience on mobile devices would also be helpful.
I really like that you made your html semantic, makes the code much easier to understand :)
Here are just some minor things that you might've overlooked during coding:
Little tweeks that u can implement quickly to make a difference for users, hope that helps :)
greetings, Lukas
Hey Ricarddo96, Unfortunatly im a total beginner myself, so i can only feedback you on the size of the h1 which looks a bit too small and the left and right paddings on the content-part of your card.
The Shadow looks a bit too dark aswell, but these are only small css tweeks. I really like that your card is responsive and the border-radius goes from rounded to sharp the smaller the card gets - great work ! :)
hope that helped a bit atleast :D
kind regards, Lukas
