Skip to content
Submitted 7 months ago

E-commerce Product Page

Wonders Prince Victor•180
@Wondahs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of my ability to complete this project quickly, despite writing most of the code using my mobile phone (with a termux proot setup). For subsequent projects, I'll work structuring my code properly with better comments where necessary.

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

I'm still new to JavaScript, so DOM manipulation is still a bit tricky to me. However, these challenges are pushing me to gain more understanding

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

I'd like to gain more understanding on working with JavaScript.

Community feedback

  • Sivaprasath•2,520
    @sivaprasath2004Posted 7 months ago

    Hello, I would like to extend my congratulations on completing this challenge.

    • I will give some suggestion i believe its used for improve your skill.
    • In CSS You will use
    .right {
    padding:0 30px;
    margin-top:60px;
}
    • I will recomand for Using rem values for padding provides a scalable and flexible approach, especially when considering accessibility and responsive design.
    .right{
    padding: 0 3rem;  //adjust size 
    margin: 6rem; //adjust size
}
    Marked as helpful
    1
    Wonders Prince Victor•180
    @WondahsPosted 7 months ago

    @sivaprasath2004 Thank you.

    That means I'll have to set font size to 10px in html block. Like this:

    html {
    font-size: 10px
}

    Correct?

    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