Latest solutions
- Submitted 13 days ago
Newsletter Sign Up with React Typescript and Tailwindcss
- HTML
- CSS
- JS
- I struggle about z-index when creating shadow for a button. I learnt about an element will create stacking context if it has position other than static and z-index other than auto or 0. I set the button position to relative and z-index to 1 and before pseudo-element position to absolute and z-index of -1. But it only move the before pseudo-element below button text and stil on top of button background color.
Latest comments
- @evgeniy8509Submitted 14 days ago@phantomgizmoPosted 13 days ago
Looks good to me!
Only complain is the default outline ring on input when hovering and active state is still there
1 - @lulungarSubmitted 22 days ago@phantomgizmoPosted 21 days ago
Desktop design looks good.
But i dont see the mobile version of it.
0 - @JDev-8Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
This project has represented a significant challenge in my path as a frontend developer, possibly the most demanding to date. Confronting the specific HTML structure proposed by Frontend Mentor forced me to delve deeper into the use of CSS selectors, exploring various strategies to achieve the desired results. The need to adapt the design to a predefined structure was a stimulating challenge. Through this process, I consolidated my understanding of class selectors, IDs, attributes, and pseudo-classes, learning how to combine them effectively to target specific elements and apply precise styles to them.
With each challenge, I feel more confident and prepared to take on more complex projects. My journey in the world of frontend continues, and I am eager to continue learning and growing as a developer.
@phantomgizmoPosted about 1 month agoThe website looks good!
Maybe it could be improved by making the image more responsive by setting the width with max-width (or max-inline-size) of 100% instead of static width.
Also the main container (or wrapper) seems to has a min-width on a larger screen. Maybe it could be improved by removing that so it can resize smoothly when user change browser width. My guess is you set min-width so the image won't overflow, so yeah i guess that's still okay.
Overall, great work!
0 - @BabatundeXBTSubmitted about 1 month ago@phantomgizmoPosted about 1 month ago
Great work!
Social links could be improved with a hover state
0 - @Harishraj16Submitted about 1 month ago@phantomgizmoPosted about 1 month ago
This could be improved by using semantic html element like header, main, and footer.
Setting image size explicitly might restrict the image on different screen size, it could be improved by setting only max-width and aspect-ratio.
Marked as helpful1 - @devansh373Submitted about 2 months ago@phantomgizmoPosted about 1 month ago
I saw a lot of px units on alot of properties. px units scales poorly for device with increased font size. This can be improved by limiting usage of px to small stuff like border width, shadow size, etc.
0