Submitted
Michael Truscott
@michael-truscott
All solutions
Submitted
Advice Generator
- HTML
- CSS
- JS
- API
Submitted
Getting the image to sit above the container in the mobile design was challenging, ended up using position: absolute with a negative top.
Submitted
Submitted
Submitted
News page using CSS Grid
- HTML
- CSS
- JS
Getting the mobile nav menu working correctly was a challenge but turned out pretty well in the end.
Submitted
Had some difficulty positioning the button in the middle for the mobile layout, ended up using position: relative; to display it on top of the horizontal line and flexbox to dynamically change the alignment.
Submitted
Submitted
Had some difficulty getting layout/spacing right in both screen sizes, ended up using flexbox gap for spacing on mobile. Unsure on best practices regarding loading a different image per screen size & properly clipping a background image to its parent's border-radius.
Submitted
Had some difficulty getting the radial gradient background to look correct.
Submitted