@itsale-o
Latest solutions
Latest comments
- @victoriamnx
Hi Alessandra, I saw your site and code and I have some tips:
In the text under "10,000+ of our users love our products." you can use the <br> tag to give a line break in the text, so it aligns better, it would look like this:
- <p>We only provide great products combined with excellent <br> customer service.
See what our satisfied customers are<br> saying about our services.</p>
In the background images of the site you can align them better, looking like this:
- body { background: url(components/images/bg-pattern-top-mobile.svg), url(components/images/bg-pattern-bottom-desktop.svg) hsl(0, 0%, 100%); background-repeat: no-repeat; background-position: top left, bottom right; }
- and passes the z-index property in your container where the other elements are
and you can also review the desktop css, as the rate boxes are a little bit bigger than they should be
I hope the tips help, you understood the details very well and the result is great :)
Marked as helpful - @Mirza-Zeeshan@victoriamnx
- What does the overall design look like? It's perfect, I really liked it because I can see other projects that you've also done.
- Is the content clear and easy to understand? Yes, perfectly understandable and clear.
- Do you have any suggestions to improve card design or user experience? You can in the future make a box in the index that is in the style of the projects you've already done, but at the moment it's already very cool
- Are there any areas of the project where you felt difficulty or confusion? No, I managed to understand very well and I really liked the result.
- @Sorpanda@victoriamnx
Hi Soraya, I don't have any tips because your result is perfect, I would just like to compliment you, it's beautiful!
Marked as helpful - @walkerlyna@victoriamnx
Hi Luis, I saw your code and would like to give you some tips:
You use preconnect to import fonts, there is a better way to do this:
In your style.css file put @import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Montserrat:wght@500;700&display=swap");
@import will get the url that google fonts generates to use in the code.
In your button the photo of the cart is misaligned, you can change your code to:
<button><img id="cart" src="images/icon-cart.svg" alt="" />Add to Cart</button>
That way the image will be correct and aligned with the button, and the fonts will be imported faster, I hope these tips help you, the result was great!
Marked as helpful - @AbdelkarimDouadjia@victoriamnx
You can use the z-index function to place the image in the background, for example: z-index: 0; (in the background image) and z-index: 1; in the other components.
It's just a tip, I hope it helps, the result was great and pretty :).
Marked as helpful
