@deeolaSubmitted over 3 years ago
My answers doesn't shoot down at one click sometimes. I don't know how to fix that. I'd appreciate any correction.
Sigma
@TrashAlphonseAll comments
- @TrashAlphonsePosted over 3 years ago
Hi, I think the problem is connected with event target. Open: When I click the text of the question, e.target is h6 and event doesn't fire. When I click some other place of the questionBox - e.target is questionBox as intended. Close: To close the answer I need to click any of questionBox's child elements (h6, p or img)
Hope this'll be of some help :)
0 - @Aleksandar-93Submitted over 3 years ago
Hello everyone, I would be grateful if you could look at how I did this and comment and give some advice. thank you :)
@TrashAlphonsePosted over 3 years agoHi there, good work! 👏 I'd suggest using more semantic html elements for cards - section and article.
0 - @samzyconceptsSubmitted over 3 years ago@TrashAlphonsePosted over 3 years ago
Hey there, thanks for sharing your work! I might suggest adding some heading to your section element. You could hide it using "sr-only" class (it'll still be available for assistive technologies). Keep going and happy coding 😉
0 - @newlomarSubmitted almost 4 years ago
Reposting to fix Live Site URL
@TrashAlphonsePosted almost 4 years agoHey Newton, thanks for sharing your code! I think there's no need to use any absolute positioned elements in this project. You're using flexbox to structure your card components. I'd prefer setting flex-direction to column (row is default) and center divs using align-items property. You could also set bg-pattern-card image right in the card div using background-image and background-repeat properties. By the way, here's a good Flexbox cheatsheet: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Happy coding! 😺
0
