Yeah everyone.. Good Afternoon .. Here is my third project and any suggestion for this project you want to tell is welcome ..Thank you
HutHut
@j-hutchisonAll comments
- @ShanvieSubmitted over 2 years ago@j-hutchisonPosted over 2 years ago
Hi Akshita,
Great job on this component!
I'm still on my journey to improve my front-end development skills, but a couple of things that have helped me with structuring my CSS and HTML better are:
- Give all html elements a class name, this will help simplify your css instead of nesting element selectors --> To help with this you can look into a naming methodology called 'BEM' (Block Element Modifier) - sometimes it can look a little unsightly but i think it is worth it on larger projects and also if you work with SCSS in the future
Above all great work and keep it up π
Marked as helpful0 - @steezyzaSubmitted over 2 years ago
Any feedback would be appreciated, thank you.
@j-hutchisonPosted over 2 years agoHey Great Job!
One tip for getting your solution proportions correct is to use the Figma files provided, download and unzip the figma design files and then open on the figma website. You can use this to get more detail around sizing and spacing : )
Overall great job!
0 - @DCoder18Submitted over 2 years ago
This is attempt two of this challenge. I found this project particularly challenging, especially positioning the elements in the box section responsively. With the help of responsive CSS properties like
clamp()
andmin()
, I am quite satisfied with my solution now.Feel free to leave suggestions or feedback. Happy to keep improving :)
@j-hutchisonPosted over 2 years agoGreat job! Had a look through this, and hope i can apply some of what you've done to my own solution! Your solution works great and scales well!
Couple of small things:
- hover states not added
- footer is commented out
Marked as helpful1