p-tam
@p-tam
All solutions
Submitted
Is there a more efficient implementation for the javascript?
This feels repetitive and lengthy.
Submitted
Article Preview Component Master
- HTML
- CSS
- JS
Submitted
The challenge was fun and pretty straight forward.
I would say the most challenging part would be getting the hero section's sizing just right. Otherwise, the colour overlay over the footer image was a neat trick to learn as well.
If you have any feedback regarding sizing and making the hero section responsive - let me know!
Submitted
Takeaways: This challenge involved dealing with different layers, positioning and curves - which was a new challenge for me.
The biggest takeaway was the curved sections. I went through a few different approaches including a large scaled circle and another method with the usage of the
clip-path
css field but ultimately ended up using a standard rectangular shaped div with an overlapping eclipse shaped div at the very bottom.I felt this was the best route to take as setting width to 100% made it responsive from the get go.
Let me know any feedback or any different approaches that I may have missed!