Micah Sells
@MicahtronAll solutions
- Submitted 5 months ago
Social profile links widget
- HTML
- CSS
I'm still trying to get easily responsive font proportions down pat. Ideally there would be one base font for the entire widget that all elements would base their font size off of. That way if this ever needs to resize for a different design layout it only takes one line of CSS to change it all.
If anybody knows of a simple and straightforward method of handling this I'd be very grateful to know what it is.
- Submitted 5 months ago
Blog preview card component
- HTML
- CSS
I used a fixed size since this is a card component. When it comes to responsive designs I'm good with full site and section layouts, but any micro changes to smaller in-page components are not as intuitive to me for some reason.
I would like to know if there's a way to make this (especially the text) slightly responsive without using a hard break point for elements other than the card body itself
- Submitted 8 months ago
QR Card Component
- HTML
- CSS
The card is fixed width as per the project description (I'm treating these as if they came from real clients/supervisors, who are clear on what they want).
That said, setting a fixed width allowed me to "hide" certain scaling issues which would have popped up had this been made responsive. My responsive design is still kind of moderate (stylings take me more CSS lines than they reasonably should) so if anybody has any clean and concise ideas on making this card fully responsive I would be most grateful.
- Submitted 8 months ago
3-Column Preview-Cards Component
- HTML
- CSS
At very specific widths the columns stagger at the base. It's only a few narrow ones, but in a live project at tablets widths this would need to be fixed.
Does anybody have any ideas? I usually try to only use style rules supported in browsers at least 5 years old; avoiding cutting edge stuff in production builds so as not to rely on them for fast fixes.