Skip to content
OverviewSolutions
3
Comments
2
Mardiya
@Mardiya07

All comments

  • kasia•100
    @kasaparzSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I will make cleaner code and change font-style at the beginning, not at the end of work.

    What challenges did you encounter, and how did you overcome them?

    It was my first frontendmentor challenge so the hardest thing was to write READ.ME file. But with read.me templates it was much more easy.

    What specific areas of your project would you like help with?

    I would like to know if my code looks ok and what I need to change in the future.

    Product preview card component

    1
    Mardiya•55
    @Mardiya07Posted 9 months ago

    Great attempt on your project Kasia. Congratulations on your first challenge.

    In regards to feedback, noticed you're yet to add an active state to the button.

    Also with your selected font families, noticed you added the appropriate family names to the classes but yet to import the external links to said fonts in your CSS file hence your texts falling back on the Serif and San-serif families as seen in your attached screenshot. You might want to review these.

    Marked as helpful
    0
  • Piotr•190
    @LenyPythonSubmitted over 3 years ago

    Is there a way to make the image a bit more blury like in the design patern? I did strugle with that. Also can i make all the content: font-size and img size strech, flex on width > 375px. So that they held their proportions?

    Html and css(from scss) only preview card.

    2
    Mardiya•55
    @Mardiya07Posted over 3 years ago

    Hi Leny. Great job on trying out the challenge. To implement a blur effect you could use filter: blur(px); -webkit-filter: blur(8px); on the element that has the background image applied to. Also seems the page isn't responsive yet. In terms of a mobile view

    1