I am a Software Engineer who specializes in Frontend Development and who is passionate about solving everyday problems. Let my skill with HTML5, CSS3, JavaScript, API and Git (among others) assist you in your next project.
I’m currently learning...- React - Node.js - MongoDB
Latest solutions
Latest comments
- @exploremSubmitted over 2 years ago@DanRHatfieldPosted over 2 years ago
Visually, it looks great. A little big when full screen, but spot on visually.
The switch over to the condensed version happened really early when I was previewing it. Seemed like there was still a lot of space that the browser could have been shrunk before needing making the switch but that might just be my preference.
On Add to Cart, I believe the shopping cart svg image was provided. Here is what I used:
<img src="./images/icon-cart.svg" alt="Cart image">Marked as helpful0 - @jamaldadaSubmitted over 2 years ago@DanRHatfieldPosted over 2 years ago
Hi Jamaldada:
Congrats on finishing the challenge!
I'm not seeing the desired font come through on your rendering. It also looks like the height and width ratio isn't what they showed in their sample images. Perhaps if you added more white space at the top and sides of the text?
I do see that it is responsive, so great work there!
0 - @TaskinSultanaSubmitted over 2 years ago@DanRHatfieldPosted over 2 years ago
Hi Taskin,
First off, congrats on finishing the project!
I had a similar issue when I was doing this one. I found the answer through making using a linear-gradient that was set on the background with the darker portion going a certain percentage and then white after. It gave the effect of looking like the image was hanging outside the section, but in reality the section was two tone in color and it was part of both.
This is the page that gave me the idea: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient
Marked as helpful0 - @AymenfisherSubmitted over 2 years ago@DanRHatfieldPosted over 2 years ago
Visually I think it looks really good. I notice that your solution has additional controls in the month, year and CVC form elements. I could see those being useful.
Marked as helpful1