Alexander Roan
@dearestalexanderAll solutions
- Submitted about 18 hours ago
Testimonial grid with alternative 'Yamanote Line' design
- HTML
- CSS
Nothing in particular, but always open to feedback on my design or anything you think in my CSS is not optimal.
- Submitted 5 days ago
Four card feature with bonus Pokemon version - Gotta Catch 'em all!
- HTML
- CSS
Nothing for now.
- Submitted 18 days ago
Product preview card: mobile first, responsive units
- HTML
- CSS
I'd be very interested in how others approached the width on this.
I'd also be interested on whether people tend to set all font's based on rem or whether in this design it makes sense to use em and have some fonts scale based on others.
- Submitted 2 months ago
Responsive recipe page with vanilla HTML & CSS (BEM naming)
- HTML
- CSS
For some reason I couldn't seem to get the 'Outfit' font to apply to the ordered list markers. It seems to show up when inspecting, but the actual digits displayed look wrong.
- Submitted 3 months ago
Social links - CSS and JS to switch betwen template & personal styles
- HTML
- CSS
Wondering if my JavaScript approach is relatively efficient or if there are better ways to do this?
- Submitted 3 months ago
Blog card preview using CSS flexbox, @media and a variables
- HTML
- CSS
I was wondering about good practices on images within containers.
In this exercise I kept default content box settings and I use a width and padding on the container. It was then easy to specify the same width for the image element.
But from a responsiveness point of view, is this the best way to approach images. Specifying width in px of image and container, or is there a better way to do this. For example I remember there is
object-fitwhich can crop an image to fit a container, would this have been better? - Submitted 6 months ago
QR code using plain HTML and CSS
- HTML
- CSS
I would be happy to receive any feedback on accessibility or responsiveness good practices that I may have missed.
