yinnie
@wcyin9All solutions
- Submitted 5 months ago
Time Tracking Dashboard
- HTML
- CSS
- JS
I am unable to loop over each class; I am only able to change the first of type upon clicking. I understand that querySelectorAll should be used with forEach, but I am unsure how to include it with my current code. I am still learning JavaScript so I need a lot of guidance. Please correct my mistakes and let me know what else I can do to make it work
- Submitted 6 months ago
Newsletter Signup Form
- HTML
- CSS
- JS
If there's any area I could improve on or condense my code, please let me know!
- Submitted 6 months ago
Article Preview Component
- HTML
- CSS
- JS
As it's my first time writing JS, I'm unaware of the best practices, or how to condense my code in a better way. Please give me any heads up, pointers, or tips, and let me know if there's anything I could have done better.
In addition, in the figma design the image is cropped differently in desktop view, and I am unsure as to how to crop the image exactly as it's portrayed in the design.
- Submitted 7 months ago
Responsive Landing Page, CSS grid and flex
- HTML
- CSS
Please let me know if grid was a better choice for this challenge.
In addition, I feel like my media query may have a lot of redundancy. If there's better ways to code responsive sizing, please let me know. If there's any other area where I could use more work on or I should change, please let me know as well. Thanks for your time!
- Submitted 7 months ago
Testimonial section CSS grid
- HTML
- CSS
Please let me know if there's any mistakes I made, or if there's better code I can implement.
- Submitted 7 months ago
Four card feature section with CSS grid and flex
- HTML
- CSS
Please let me know if there's more efficient way to write out my grid code, and whether or not I made any mistakes overall. I would also like to know if I'm using best practices
- Submitted 7 months ago
Responsive product preview card using CSS flex and grid
- HTML
- CSS
Please let me know if my website is responsive enough, and if there's any areas, especially responsive code, that I need more work on.
- Submitted 7 months ago
Responsive Recipe Page CSS
- HTML
- CSS
I feel as if my code could be condensed more, but I'm not sure how. There were a lot of repetitiveness that I could do without. In addition, I don't know if I overdid it with the classes and tags in the html.
If there's better approaches to responsiveness than what I wrote, please let me know. I will gladly take criticism from any weak areas you may spot.
- Submitted 8 months ago
Social Links Profile CSS
- HTML
- CSS
When it comes to buttons, I'm not sure if I should use p with css styles to make it look like a button, or if I should use the button tag that already exists in HTML. I would like to know if there's specific situations where one is better than the other, or if it's just a personal preference for developers.
Another area is the sizing; currently I use fixed sizing (px) for the container since I'm trying to get the final product to look as similar to the design as possible. Should I instead use em/vw/vh/% to make it more responsive, despite given the specific dimensions in figma?
- Submitted 8 months ago
Blog Preview Card CSS Hover Effect
- HTML
- CSS
I think I have a tendency to write redundant code, so if anyone has tips on how I can change my code to be more efficient that would be really helpful. I would also like to know if I chose the right html tags. All other critiques are also welcome!
- Submitted 8 months ago
QR Code using CSS
- HTML
- CSS
I am not sure if the code I wrote could have been written more efficiently. I think I have a habit of writing excess code, or doing things in a way that use more code than necessary. If anyone has more effective ways that I could implement, please let me know.
