HTML and CSS solution using some flexbox

Community feedback

• 

  Palak Gupta•30

  @palakg01Posted over 3 years ago

  Great work done! You can try keeping the tablet (medium devices) view horizontal rather than vertical just like the one done for desktop

  Marked as helpful

  1

  ---

  

  Alex G•315

  @AlexGDevProPosted over 3 years ago

  @palakg01 Thanks for your feedback.

  I used both sizes requested (375px, and 1440px), but if I push it any further I would probably do a tablet view. Maybe later.

  Thanks

  0
• 

  Yemisrach•1,430

  @Yemisrach15Posted over 3 years ago

  Hey Alex! Good job!

  You shouldn't use <br> to style the site. Instead add margin/padding to the right and left of the heading. Your solution doesn't have to exactly match the design though. If you get it as close to the design as possible, it's enough.

  Happy learning and coding😊

  Marked as helpful

  0

  ---

  

  Alex G•315

  @AlexGDevProPosted over 3 years ago

  @Yemisrach15 Thanks for your feedback !

  I used the 'br' because I couldn't get the exact same indentation.

  I tried the padding / margin, with a 'text-align: center' but it didn't look the same.

  I will continue to search a bit.

  Thanks

  1

  

  Yemisrach•1,430

  @Yemisrach15Posted over 3 years ago

  @AlexGDevPro No need to get the exact same indentation in my opinion. Don't stress much over that.

  You're welcome

  1

  

  Alex G•315

  @AlexGDevProPosted over 3 years ago

  @Yemisrach15

  I took off 'br' and use padding like you told me.

  Perfect !

  I made my code more responsive too.

  Hope you'll find it good ;)

  1