Manav
@manav-sharma69All solutions
- Submitted 4 months ago
Responsive & Accessible Contact Form
- HTML
- CSS
- JS
What changes should I make to the flash message to fix this behavior?
Windows Narrator reads out all the contents of the flash message when form is opened in Firefox but in Brave (and possibly other Chromium browsers) it just reads the first line.
- Submitted 5 months ago
Responsive News Homepage
- HTML
- CSS
- JS
I would like to know if using `` element would have been a better choice. Also, any other feedback or if you find any mistakes or bad practices, I would be grateful to learn from you.
- Submitted 5 months ago
Intro Component with Signup Form | Responsive
- HTML
- CSS
- JS
Any feedback is welcome 😊
- Submitted 5 months ago
Base Apparel (Coming Soon) Page | Responsive
- HTML
- CSS
- JS
Do you think my CSS too long?
- Here's the link to my CSS file
- Any feedback is welcome
- Submitted 6 months ago
Responsive Article Preview Component
- HTML
- CSS
- JS
@media (min-width: 769px){ ... .popup{ justify-content: center; position: absolute; bottom: 90%; right: -2vw; left: 23vw; background-color: var(--very-dark-grayish-blue); padding: 1.25rem 2.5rem; border-radius: 10px; } .icon:hover{ cursor: pointer; } button::before{ display: var(--btnStyle); position: absolute; bottom: 80%; right: 7%; content: ""; inline-size: 0; block-size: 0; border-top: 10px solid var(--very-dark-grayish-blue); border-inline: 10px solid transparent; } } @media (min-width: 920px){ .popup{ right: -4vw; } } @media (min-width: 1040px){ .popup{ right: -6vw; } } @media (min-width: 1080px){ .popup{ right: -20%; left: unset; } }This is styling I added to make that share box responsive. If there's a better way to design the component with shorter/better CSS, please share in the comments.
- Submitted 6 months ago
Responsive Stats Preview Card Component
- HTML
- CSS
What are some effective ways to make such components (with images) responsive? I faced a lot of problem in making it responsive. My CSS code also crossed 200 lines!
Any feedback is welcome ❤️
- Submitted 6 months ago
Responsive Product Preview Card Component
- HTML
- CSS
Any tips on how to make my solution as close to the design as possible (without using design files - Sketch, Figma).
- Submitted 7 months ago
Responsive Newsletter Sign Up Form with Success Message
- HTML
- CSS
- JS
Open to feedback ❤️
- Submitted 7 months ago
Responsive FAQ Accordion
- HTML
- CSS
- JS
Any feedback related to better rendering of the image - in the sense that it maintains its ratio (meaning, if in desktop view or mobile view the background image takes a height of say 15%, then no matter which width you are at, its height should be 15% of viewport height and the image should still have full width). I don't mean to just set these properties via
widthorheightorbackground-sizeand similar things or usingvhor other relative units. I guess they won't work for the images provided for this challenge anyway!Something smarter? So, that browser does the calculation, not the author.
