Devs-advocate
@Devs-advocateAll solutions
Interactive Rating Component including web accessibility standards.
#accessibilitySubmitted 5 months agoI 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.
Newsletter Signup With Success Message.
#sass/scssSubmitted 6 months agoI 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.
Article Preview Component
#sass/scssSubmitted 6 months agoI 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.
Grid Testimonial Challenge
Submitted 10 months agoPerhaps 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.
Responsive Four Card Feature Section
Submitted 10 months agoI 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.
Responsive Product Preview Card Component
Submitted 10 months agoI'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.
List styling challenge
Submitted 11 months agoThe 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?
Social links profile solution using flexbox.
Submitted 12 months agoI was quite comfortable with challenge.
@font-face; media queries, flexbox; custom properties
Submitted 12 months agoIs 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.
QR code component solution
Submitted 12 months agoFor this challenge, I'm comfortable with what I've produced.
