Submitted
Hello. Here's my solution to Challenge #12.
Notes: Took more time than the usual to finish. My worry I guess is the amount of separate rules/selectors created for each of 5 containers in order to match the designs.
coinfilip
@coinfilip
All solutions
Submitted
Hello. Here's my solution to Challenge #10.
Notes: Something about using 5 divs for the 5-star image part doesn't feel right to me. So I appreciate if you have any suggestion or feedback on that. Thank you.
Submitted
Hello. Here's my solution to Challenge #10.
Notes: First time using ::after pseudo-element for the hover state, and I hope I made a good implementation of it somehow. Swapped the <img> element that has the equilibrium image to <section> as MDN states that <img> doesn't support ::after.
Submitted
Hello. Here's my solution to Challenge #9.
Notes: Used Grid for the desktop and tablet sizes, though haven't used it in the mobile one. Also, the tablet size inherits rules from the mobile one. I wonder if that has a negative impact to code readability. Thanks.
Submitted
Hello. Here's my solution to Challenge #8.
Problem: This is my first time using Grid (again), so integrating it for the layout of <main> may not be ideal.
Submitted
Hello. Here's my solution to Challenge #7.
Problem: Aligning the two SVG files for the background of the component. My current solution only works on the exact dimensions of desktop and mobile sizes from the design. Outside of that, it gets messy.
Submitted
On the HTML structure, is having 1 <main> container instead of 3 (header, main, footer) inside <body> ideal? Thank you for the feedback.
Submitted
Quite satisfying to finish this one, although conflicted whether adding images thru CSS instead of HTML tags will be helpful when it comes to accessibility. Please let me know of your thoughts, thank you.
Submitted
The box shadow is far from perfect so any tips on how I could replicate the one from the design files are welcome. Thanks.
Submitted
A lot of code was made on the CSS file, if you have suggestions over what I can do to have clean code over CSS, please do let me know. Thank you.
Submitted
Quite unsure if using 3 <h1> tags for each car type are fine so please let me know what you think.
Any suggestions or feedbacks on the solution are welcome. Thank you.
Submitted
QR code component
- HTML
- CSS
I struggled on getting the calculation of the dimensions of the component based on the design provided. Not quite sure on the space between the two texts as well as the box-shadow part.
I appreciate any feedback on what can I do to improve on accessibility, making less lines of code and others I might miss. Thank you.
