tris6
@tris6All solutions
- Submitted 13 days ago
Newsletter Sign-up Form
- HTML
- CSS
- JS
I'm not sure if I was supposed to HTML route to a success page. I simply put the form card in one div, the success card in another, and used buttons to toggle between displaying and hiding each other.
The portrait breakpoint is probably not as efficient as it could be. I did a lot of micro-managing container sizes. There is probably more room to size containers intrinsically to the content.
My naming conventions are a little all-over-the-place. JS functions have a mix of uppercamel and camel. And across CSS and JS, a mix of underscores, hyphens, and camel. I'm sure I'll get into a good system as I get more familiar working across both languages.
- Submitted 20 days ago
Article Preview Component
- HTML
- CSS
- JS
I'm still very unsure how best to handle SVGs in a modular way. I wanted to keep the icons in external files, and tried a few src and object properties to embed them, but could not get CSS to modify the embed. I eventually gave up: copy-and-pasted SVG paths straight into the HTML, and select svg from there.
Looking at Stack Overflow, it seems like many are struggling with the same issue. There seems to be a lack of established best practice for modular SVG work without long-winded JS work-arounds. So, not really sure.
- Submitted 29 days ago
Four Card Feature
- HTML
- CSS
In general I feel a bit torn between chasing pixel perfection and using progressive enhancement principles. It was jarring to study Every Layout, and immediately move on to these design recreation exercises. I guess each approach has their place across different projects, and the nuance will get clearer with more experience.
- Submitted 4 months ago
Product Review
- HTML
- CSS
It felt like I spent a lot of lines fine-tuning margins. I possibly could get the layout in a more elegant way.
- Submitted 4 months ago
Receipt Card with CSS flex and grid
- HTML
- CSS
I'm not really sure if I used semantic elements all that well for this project. I read the W3 descriptions, but struggled to interpret how to apply them to a recipe context. At times I was as semantic as possible just to fulfill the brief, but not certain if my usage has any real-world benefits.
- Submitted 4 months ago
Blog preview card using flex CSS
- HTML
- CSS
Not sure if I could have systemized my class selectors better. Felt like I was having to fine-tune individual elements a lot.