Submitted
Dina
@dinakonto
All solutions
Submitted
This was my first time consuming an API, so I'm wide open for suggestions on how I could improve! Biggest question at this stage is how I'd go about making the call secure, e.g. best way to send API key?
Submitted
Submitted
Submitted
My biggest focus for this challenge was making the pricing toggle accessible, particularly for screenreader users. I read a lot of articles but they were mostly focussed on on/off toggle buttons and used checkboxes or buttons as their base HTML element.
Semantically, this toggle felt more like it made more sense as a radio group so I tried to start with those. I definitely don't think I've succeeded - please let me know what you think and link to any other options you've seen!
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
- Was CSS grid the right choice here, or do you think flexbox could have served the design better? 1.2) Could I have made the cards flow into their places more easily, ie without having to manually input their grid positions?
- Is it possible to animate the movement of cards between media queries? I couldn't find a transition property that seemed to work.
Submitted
I struggled to decide on the right HTML structure to allow the background images to stay put, while animating in/out the text and photo content, particularly as I originally planned to have to content slide in/out.
Any ideas on how this could have been structured/implemented better?
Submitted
How could I have structured my .js better? I also had trouble with jQuery $("") selectors not working in some functions but couldn't work out why.
How can I get more control over the bar animation and make it smoother?
Submitted
There are a few things I'd like to do with the share options -
- On small view, animate it in (just background-color or the whole element) on click
- Make sure the share options popup stays fully visible even when the viewport is a bit small (e.g. stick to the right side at 880px)
- On all sizes, clicking outside the share options element should hide it.
Have I structured the HTML the right way to enable these things? Any tips on approaches?