Skip to content
Submitted 7 months ago

used html css and javascript

comm-cod•10
@comm-cod
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

the thing I'm most proud of is the project itself. the thing which i will do differently is to make the project using css grid instead of flexbox

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

the main challange was to make it responsive and i achieved it using the javascript

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

making the div center as i did it using margin top which i know is not a good approach.

Community feedback

  • Ibrahim Oyeniyi•450
    @MtrxxoPosted 7 months ago

    Hi, You asked for a way to center your div... So here it is... You can simply do this by putting the div in which the content is placed in another div and styling it as follows: Note that the class of container is just used as an example

    .container{ display: flex; justify-content: center; align-items: center; min-height: 100vh; } Here are some other tips that'll help:

    As for the Image in the code... You forgot to add the path in the src attribute

    Your Favicon was also not displayed due to the url... Remove (./) from (./images/Favicon)

    Happy Coding 😊✨

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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