Maan Al-Hababi
@MaanAlHababiAll solutions
- Submitted 4 months ago
Article Preview Component | JS
- HTML
- CSS
- JS
I struggled with the positioning of the 'share menu' in desktop size. The approach I took was to position it absolutely relative to its parent which is the '.bottom' section element and try to match it up with the '.share-button' button element which is, too, positioned absolutely relative to the '.bottom' element. However, my approach was very explicit and did not work well when resizing the window.
A thought I had was to, in some way or another, position it relative to the button considering they're on the same level in the DOM tree, but I couldn't quite figure it out.
- Submitted 5 months ago
Fylo Data Storage Component
- HTML
- CSS
There is a slight misalignment, the two cards in the desktop view appear to be aligned at the bottom but I could not figure out how to make it happen, I just stuck with keeping them centered using display:flex.
- Submitted 5 months ago
Testimonial Grid Pattern
- HTML
- CSS
The z-index of the quotation mark image doesn't work as I intended it to. No matter what I tried, the quotation image always seems to appear in front of the rest of the testimonial card's content.