Skip to content
Submitted almost 3 years ago

product advertisement using html and css

fatehjeet0•10
@fatehjeet0
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Please rate my work its my first project.

All feedbacks are welcomed. Thank you :)

Code

Please log in to post a comment

Log in

Community feedback

  • Raja Junaid Farooq•390
    @Raja-Junaid

    Hi FATEHJEET0! Congratulation on completing this challenge.

    Welcome to Front end community. I have some tips and tricks that reduce the line of code that you wrote in this challenge.

    1. First put this image in div in the HTML file and give this any class name. Then go to the CSS file and select the div container and set property display: flex;. This helps you to align your content side by side. And also add padding-right and set the unit that you want to use.

    2. Now put all content that uses in this project in the same div container and then align as you want. Make sure that you also made this project responsive so everyone can access their device.

    I have some other tips to improve your coding skills:

    1- Use comments in your code so this help what's going on.

    2- Make your work as decent as possible.

    3- Use nice-looking fonts.

    4- Use attractive colors.

    5- Make your websites neat and clean.

    I hope this helps you!

    Keep Practicing.

    HAPPY CODING!

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord