Responsive product preview card

Community feedback

• 

  Bart Feesley•220

  @antimatterhutPosted 4 months ago

  I think you should redo this one or spend time reworking alot of this. The CSS code seems very complicated, with some elements having 11+ properties. You did 2 things somewhat correctly here, in that you have a mobile version that looks kinda like what they wanted, and you have the general *shape of the desktop version in that you have the picture on the side with the text to the right. The code completely breaks between 375 and 1440 px. Also, you should try to make the code look exactly like the original, or pretty darn close. The desktop needs a bunch of stuff moved around and styled diferently, the mobile needs a few adjustments. I would do some research on how media queries work bc I think you might have a fundamental misunderstanding there. Once more, as I make my screen larger between mobile to fullscreen, the code completely breaks. Best of luck, hope you retry it, or edit it to make it better.

  Marked as helpful

  0

  ---

  

  Divyanshu Tiwari•110

  @Tiwari0808Posted 4 months ago

  hey @antimatterhut , Thank you for your detailed feedback. I appreciate your insights and will focus on simplifying my CSS and improving media queries. I’ll rework the design to better match the original and ensure it transitions smoothly across different screen sizes.

  Thanks again for your guidance and support!

  1