Submitted
Sonali Negi
@SONALI-NEGI
All solutions
Submitted
Hi! π I'm Sonali Negi, and this is my solution for the Single Price Grid Component challenge on Frontend Mentor.
π Features:
- Responsive layout using CSS Grid and Flexbox.
- Semantic HTML5 markup for accessibility and SEO.
- Custom CSS reset for consistent styling.
π οΈ Built With:
- HTML5, CSS3
π Resources:
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you.
Submitted
Submitted
I tried implementing BEM (Block Element Modifier) for the first time. I'd love to hear any feedback or suggestions for improvement. How can I refine my approach to BEM further?
Submitted
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
Submitted
Submitted
Submitted
What are you most proud of, and what would you do differently next time?
I take pride in the way I organized the HTML and CSS for the QR code component project. One aspect I'm particularly pleased with is my use of CSS variables (--page-bg, --card-bg, --p-color) to maintain a consistent theme throughout the design. One thing I would approach differently in future projects is the need for more descriptive alt text for images to enhance accessibility.
What challenges did you encounter, and how did you overcome them?
I did not encounter any significant challenges.
What specific areas of your project would you like help with?
I'm satisfied with the overall outcome of my project, but if there are specific areas you believe could be improved or optimized further, I'm open to feedback and suggestions.