All comments

• 

  P

  TM3N•140

  @tmen670Submitted 4 months ago

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

  The biggest challenge I faced was trying to make the website responsive. As I shrank the viewport's width, the buttons on the button kept misaligning. I initially used margins below each content but as I shrank the viewport, the paragraph gets longer, thus furthering the margin which pushes the button, causing misalignment. I fixed this using flexbox instead of margins and setting each flex item to a specific height. Now the buttons stay aligned when adjusting viewports.

  

  3-Column Preview Card

  1

  30
  

  Ebenezer Raphael•140

  @ebenezerraphPosted 4 months ago

  This is truly an incredible work you've done here! It looks great!

  You might want to work on your mobile view though. The width of the .container is supposed to be fixed, not flexible.

  Cheers!

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Raj Kumar Mannam•100

  @RajKumar-612Submitted 4 months ago

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

  learnt few things on responsive mode, took lot of help online. would like to make responsive content with minimal help.

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

  faced difficulty to make the container center and adjust width in desktop mode. set max-width to 600px to overcome.

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

  I would welcome suggestions on code and approach.

  

  Responsive Product card using flexbox

  1

  40
  

  Ebenezer Raphael•140

  @ebenezerraphPosted 4 months ago

  Nice work, Raj Kumar Mannam.

  You did a good job making it responsive using the <picture> element. But you should make some improvements to the spacing. For example, the width of the .product_info on the desktop view is actually the same as the width of the image.

  That would go a long way!

  Marked as helpful

  0