Product preview card

Community feedback

• 

  yishak abrham•2,150

  @yishak621Posted almost 2 years ago

  Congrats for completing the project....but u should work on grid display layouts and the answer to ur question is to put items in the center use flex property which has multiple values to put items in the center horizontally justify-items and align-items:center; ....and also the second question to add different images for mobile and pc version use picture element that has source that accepts two(or more) different srcsets and apply them to a desired width (1200w means px in the below example)

          <div class="container"> 
             <div class="image"> 
               <picture> 
                 <source 
                   srcset="images/[email protected] 750w, images/[email protected] 1200w" 
                 />
  <img src="images/[email protected]" /> 
               </picture> 
             </div>
  

  Marked as helpful

  0
• 

  CLRwebs•60

  @CLRwebsPosted almost 2 years ago

  Hey hila, You can put the new and the old price within the same <div>, and then you can do : display: flex; align-items: center;

  For the mobile version (and on the desktop version too) you can make a <div> for it and set it as a background. I hope I helped you a little bit, have fun with your codes!

  Marked as helpful

  0