I ended up using some js for final touchs, I was hoping I'd only use CSS but I can't figure out how change the margin beetween clicks. Im not fully happy with the results, 'cause to me is a little messy, specially with the addition of Js. Any review is more than welcome.
Cristi Gutierrez
@justbycrisAll comments
- @AleprosDevSubmitted 11 months ago@justbycrisPosted 11 months ago
Hi Ale, I think it looks great! There are so many nice CSS touches I didn't think of using on mine that you did, so that was very insightful for me! The only thing I noticed, is that the responsiveness need a bit of work, try using relative units (rem, em, %, vh, vw...) in CSS to make everything more automatically responsive. Setting the width of the background image as well, I have a 16" inch screen and the background image cuts at like 70% width of my screen.
Great job though!
Marked as helpful0 - @rainearcherSubmitted 11 months ago
Is it better to allow the user to open all answers at once? Or only allow them to open a single answer at a time?
How did you deal with overflow if all answers were opened at once?
How do you think I could go about animating the answers being opened?
Is there a nicer-looking way to style the items when they are focused using tab?
@justbycrisPosted 11 months agoHi Raine, Great job with your project! I had similar questions when doing mine. I did just one open question at a time, so when the user would try to open another one, the current one would close. I'm still figuring out the animation to open then as well, I'm thinking of a sliding effect. I did my first solution on this with JS, but redoing it with React now, so I guess I have much to figure out haha
Keep it up!
0