Submitted
Muthu Kumar N P
@muthucodes
All solutions
Submitted
Submitted
- Overflow-x: hidden; is not working on mobile.
- Font does not look the same in Chrome and Firefox. I developed by opening live server in Firefox. After deployment, I noticed that the font looks different in Chrome.
Can anyone help me with these 2 issues? Your help is much appreciated. Please point out other issues, if any.
Thank you
Submitted
Please check if how I've included the main image is correct. I've used absolute positioning. Though it looks good in the specified screen sizes, the image moves out of place in the in-between screen sizes. Please let me know if there is a better way of doing this. Thank you
Submitted
Intro component with Sign Up form
- HTML
- CSS
- JS
- Please check if my logic for validating the form using JavaScript is correct.
- And please let me know if you are aware of a more simpler and standardized way to validate forms.
Submitted
What is the correct way to show the error message during email validation? (i) having a div element with paragraph and toggling its display: none; property through js? OR (ii) having a span element, positioning it absolute, relative to the input field and setting its innerHTML as empty string or our desired message? I've used the (ii) method to display error message. Your feedback regarding this issue is much appreciated. Thank You
Submitted
Submitted
Submitted
Submitted
I faced difficulty in doing the following. I found solutions to these but would love to hear your views and suggestions. Also point out any errors you find.
- Including the svg icon in the 'Add to Cart' button. My solution works now. But I'd love to hear better ways of doing it.
- I have used a grid with 2 cells and made the right side cell as a flexbox. The image and flexbox contents kept overflowing out of the grid cells. I fixed this by making the top and bottom margin as zero for the .card component. Is this the correct fix?
- To get the left side border of the image to be rounded, I used 'overflow: hidden' on the .card component. Another way to get the result would be to set a 'top-left' and 'bottom-left-border-radius' to the image. Is there any other way to do this?
Submitted