@Louay997Submitted about 2 months ago
Latest solutions
Latest comments
- @justXeeZPosted about 2 months ago
Nice form validation, some minor fixes I'd do are to make the dismiss message button functional and spend a little more time styling the solution, but overall good job👏
1 - @justXeeZSubmitted about 2 months ago@justXeeZPosted about 2 months ago
sorry for the screenshot offset, I'll fix it later
Never mind, I fixed it
0 - @sedaryildirimSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
Few design differences, mainly with the active share button state on the desktop view - was just a personal preference to keep the length of the share card within the borders of the main wrapper/article!
@justXeeZPosted 4 months agoI like the concept and the animations but the overall project could definitely be polished some more.
0 - @BledanITSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
Proud of managing to use a CSS grid effectively and changing it according to screen size.
What challenges did you encounter, and how did you overcome them?Responsive design with grid has been difficult to implement, I had to resort to a number of margin hacks that needed too specific classes.
What specific areas of your project would you like help with?I would like to know some good practices to reduce unique code as much as possible and favor reusability
@justXeeZPosted 4 months agothe grid approach is quite interesting although I'd not suggest it for such design, it will be quite hard to make everything responsive by default(this is why your code contains a lot of properties changed in the media query), and the image in the mobile version is extremely squished (maybe its a firfox problem idk), and also it would be great to make use of the
object fitproperty.Marked as helpful0 - P@lia-oliveiraSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
It was very nice to center the card without using margin: 0 auto. Before starting a new project, I will look through all available resources before developing a solution, instead of relying only on the Figma files.
What challenges did you encounter, and how did you overcome them?The biggest challenge for me was the card shadow. I tried CSS documentation and some tutorials to understand how it works, but it only looked right after ChatGPT helped me get the transparency value that matched the example card.
What specific areas of your project would you like help with?I've been researching accessibility, and I would really like to find materials created by people who use screen readers or have altered color perception. I’d also like to know how to test a page to ensure it meets accessibility requirements.
- @jeremymouzinSubmitted 5 months agoWhat challenges did you encounter, and how did you overcome them?
I didn't do the shadows because it's a nightmare to retro-engineer and I don't have the figma file.
@justXeeZPosted 5 months agothe pseudo classes approach is quite interesting, and you should have reverse engineer the box shadow without the figma files lol, anyway good job!
1
