Skip to content
OverviewSolutions
25
Comments
5

Victória Nogueira Marques

@victoriamnxBerlin - Germany390 points

Don't be afraid to achieve what you dream of.

I’m currently learning...

I'm currently improving my css and learning JavaScript

Latest solutions

View more solutions

Latest comments

  • Victória Nogueira Marques•390
    @victoriamnxPosted almost 2 years ago

    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
    0
  • Victória Nogueira Marques•390
    @victoriamnxPosted almost 2 years ago

    - 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.

    0
  • Victória Nogueira Marques•390
    @victoriamnxPosted almost 2 years ago

    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
    0
  • Victória Nogueira Marques•390
    @victoriamnxPosted about 2 years ago

    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
    0
  • Victória Nogueira Marques•390
    @victoriamnxPosted about 2 years ago

    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
    0