Product (parfum)preview card component

Community feedback

• 

  P

  beowulf1958•1,450

  @beowulf1958Posted 5 months ago

  Congratulations on completing this challenge. You have obviously put a lot of work into it.

  To improve your page, cut your font-sizes in half. Then fix the prices. If you remove the positioning and use flexbox, the prices will fall into place. Try this:

  .price {
          display: flex;
          align-items: center;
          gap: 30px;
      }
      .totale-right p{
        color: #9EA0AA;
        font-size: 1rem;
      /* font-size: 2rem; */
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      /* margin-top:-330px ; */
      }
      #p1{
        color: #438069;
        font-size: 2rem;
        /* font-size: 4rem; */
        /* position: relative;
        top:290px;
        left: -35px; */
        font-family: 'Times New Roman', Times, serif;
        font-weight: bolder;
      }
  /* remove the p2 styles */
  

  Hope this helps.

  0

  ---

  

  Lyna•60

  @djelidlynaPosted 5 months ago

  @beowulf1958 thank you a lot , i really appreciate your efforts , iam gonna try this and see if it work . excuse me when i made a change on thr html and css files do i need to resubmit the solution here or how the things work?. have an amazing time!

  0

  

  P

  beowulf1958•1,450

  @beowulf1958Posted 5 months ago

  @djelidlyna Yes, once you have improved your design, you submit it again using the same process as you did the first time.

  0
• 

  Alexander Romero•180

  @AlexanderTejedorPosted 5 months ago

  Hi, 👋

  In your preview site I can see the image but not in your design comparison, I recommend that you update the photo so we can see your work 👌, Here are some extra recommendations:

  • You can use HTML semantics in future projects. It is very useful for the browser to position your pages much better 💎.
  • You can start with mobile design and then adjust the page to fit the type of resolution. You can do this by looking for resources that explain mobile-first design 📱.
  • To take screenshots of your page, I recommend the following Google extension https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=es it is very good!! 📷

  The only thing left to do is improve the details of the size of the fonts, and it will improve your challenge a lot, otherwise a very good attempt.🙌.

  0

  ---

  

  Lyna•60

  @djelidlynaPosted 5 months ago

  @AlexanderTejedor heyyy i thank you 🫡​ this is absolutly very kind of you⭐​ to share some ressources , i do not know what happend to project in my browser when i see it with live serveur every element is perfctly in it position but when i submit it its became a desaster , iam gonna upload a screenshoot to the project on my browser with the extension u gave me ,i used disktop choice and its my first time using this website wich i found really chllanging and push you to do more , if i make any changes on my local it is gonna chnage here ? i do not know what to do to fix it .

  0