Devs-advocate
@Devs-advocateAll solutions
- Submitted about 1 month ago
Interactive Rating Component including web accessibility standards.
- HTML
- CSS
- JS
I would like to know how I should've overcome the background issue I mentioned. I also wonder if the element classes I used were appropriately named. Also, if the JS I used could've been done more optimally.
- Submitted about 1 month ago
Newsletter Signup With Success Message.
- HTML
- CSS
- JS
I would like to know how to style the input box with the autocomplete still on. From my research it was difficult to tell how to do this properly.
- Submitted about 2 months ago
Article Preview Component
- HTML
- CSS
- JS
I had trouble working out whether to use an image directly or as a background in a div element. It's literally the first thing to configure. I got stuck because I was looking into the pros and cons of which approach to take. I'm still not 100% on when to use which, and why. I wanted to decide based on responsiveness and alignment of the image.
- Submitted 6 months ago
Grid Testimonial Challenge
- HTML
- CSS
Perhaps some clarity on how the screen should look at widths between the mobile and desktop designs. I'm gathering it's my own opinion at this point, but I was toying with having a different grid design at the in-between design widths. For example, a two-column grid.
- Submitted 6 months ago
Responsive Four Card Feature Section
- HTML
- CSS
I still create spacing between an element and the element below it by using margin-bottom. It works, but I'm not sure if I should use a different method to accomplish the spacing. I'm also trying to use em and rem units more, instead of px; and I'm still not sure if I'm using them properly.
- Submitted 6 months ago
Responsive Product Preview Card Component
- HTML
- CSS
I'm ok with how similar the outcome is to the designs. I wasn't aiming for total perfection, just to learn how to approach the solutions. I'm trying to workout the units I should be using for responsive design rather that just hard coding px. It seemed to work out ok. This reference from Kevin Powell, seems useful: https://whatunit.com/ I didn't come across it till close to the end of my solution though.
- Submitted 7 months ago
List styling challenge
- HTML
- CSS
The numbers for the Outfit font didn't match the design. I'm not sure why. I'm not sure the approach FEM expected me to use to style the list. The removal and recreation of bullet points using list-style-display: none; or direct styling of li::marker?
- Submitted 7 months ago
Social links profile solution using flexbox.
- HTML
- CSS
I was quite comfortable with challenge.
- Submitted 8 months ago
@font-face; media queries, flexbox; custom properties
- HTML
- CSS
Is there a specific technique I should've used to crop the SVG? I feel the way I achieved it was a bit of a hack.
- Submitted 8 months ago
QR code component solution
- HTML
- CSS
For this challenge, I'm comfortable with what I've produced.