Skip to content
OverviewSolutions
27
Comments
2
Ibrahim AbdElwahab
@iabdwahab

All comments

  • EmmanuelKeziah•10
    @EmmanuelKeziahSubmitted 9 months ago

    Questions for Feedback:

    1. Color Choices Dilemma: I faced challenges in selecting and blending colors effectively for my perfume design. Any tips on refining color choices and creating harmonious combinations for an eye-catching result?

    2. Cart Icon Conundrum: Adding the elusive "cart icon" to my design proved to be a puzzle. Can you share guidance or code snippets for seamlessly integrating a cart icon into a webpage?

    3. Responsive Design Mystery: I'm grappling with making my design responsive across various screen sizes. What best practices or techniques do you recommend for crafting a layout that adapts beautifully to both desktop and mobile devices?

    I welcome any insights, corrections, or solutions to these hurdles. Your valuable feedback will greatly aid my learning journey. Thank you for your support.

    My first Frontend.io Challenge: Crafting a Perfume Design Replica

    1
    Ibrahim AbdElwahab•390
    @iabdwahabPosted 9 months ago

    Hello, @EmmanuelKeziah !

    • You can find colors of designs in style-guide.md file in starter file you downloaded.
    • You can add cart icon with Add to Cart text by wrapping it with <button> element. This an example of it: <button><img src="icon-src">Add to Cart</button>.
    • I'm using media query to make websites responsive. You can search about it in google or YouTube.
    • Last point: You should put link of your solution in the Frontend Mentor, not repo link.

    I hope this helped you.

    Keep going! Your job will be improved by training.

    Marked as helpful
    0
  • Ibrahim AbdElwahab•390
    @iabdwahabPosted 9 months ago

    Hello, @Annmayn!

    There are two "font-family" in this challenge:

    1. "Outfit": for all elements.
    2. "Young Serif": for headings [dish name, ingredients, instrcutions, and nutrition].

    I hope this help you.

    1