@phucphan01866
Submitted
@Hamsolovski
@phucphan01866
Submitted
@Hamsolovski
Posted
Great, your design taught me a lot :)
@samritbasnet
Submitted
What are you most proud of, and what would you do differently next time?
I am proud of successfully implementing a complex, responsive layout using CSS Grid and Flexbox. Creating a design that closely matches a given template while ensuring it's responsive across different screen sizes is a significant achievement. My attention to detail in styling elements, managing typography, and adding subtle design touches like background images and shadows demonstrates growing proficiency in CS
What challenges did you encounter, and how did you overcome them?
One of the main challenges was implementing the complex grid layout, especially positioning the cards correctly across different screen sizes. I overcame this by breaking down the layout into smaller components and using CSS Grid's powerful positioning features .The main properties used for positioning grid items are: grid-column-start grid-column-end grid-row-start grid-row-end
@Hamsolovski
Posted
Very good !
@dev-rome
Submitted
@Hamsolovski
Posted
Very nice !
@Ywissam
Submitted
@Hamsolovski
Posted
Very nice !
@AZZAM-K
Submitted
@Hamsolovski
Posted
Hello ! Few tips if you want :
Otherwise, you have the basics all right, but some elements of the original design are missing : padding, some text font and colors, the frame for preparation time, etc.
You're not very far :)
@Limpi23
Submitted
@Hamsolovski
Posted
Very nice !
Little advice : you have an h4 tag following an h1. It's better to try to respect the order h1 > h2 > h3, etc. It will help google crawlers understanding the structure of your page.
Marked as helpful
@arpan62825
Submitted
What are you most proud of, and what would you do differently next time?
Happy that I made it look almost like the original one.
Things I would like to improve:
What challenges did you encounter, and how did you overcome them?
There was not much of any challenge, everything went smoothly. Used flex to align all the items
What specific areas of your project would you like help with?
Okay, so I did this without any help (like chat GPT, google, stack overflow, etc) I am pretty sure that I did some unnecessary things.
And did some Bad practices
I would really appreciate anyone pointing out the mistakes/bad practices that I did. And would greatly benefit from any suggestions to make the code DRY
@Hamsolovski
Posted
Hello ! Very nice work, you're near pixel perfect :)
You wanted tips on bad practices you might have, here's what i've noticed :
Some other tips :
Hope it helps :)
Very nice work on the transition btw !
Marked as helpful
@Hamsolovski
Posted
Nice !