Mobile-first design using flexbox

Community feedback

• 

  Jorge Martinez•90

  @TnlComputerPosted about 3 years ago

  A todo lo que te comentaron, yo cambiaria el h3 por un h2, teniendo en cuenta que no podrias usar un h3 sin tener antes un h2.

  el @import a mi siempre me dijeron que es mejor el llamado por link, ya que el @import es loqueante y si llega a fallar te quedas sin la fuente que elegistes.

  buen trabajo y sigue asi...

  Marked as helpful

  1

  ---

  

  Dragosh Gheceanu•140

  @dragoshcodePosted about 3 years ago

  @TnlComputer muchas gracias, no sabía sobre el @import

  0
• 

  Pratik•160

  @Pratik280Posted about 3 years ago

  Nice Job :)

  1 . Add this to card div

  .container { width: 85%; max-width: 450px; } so now at small view port (mobile version) it will take 80% of width and on desktop width will be 450px

  2 . Do this to fix image size

  img{ max-width: 100%; height: auto; }

  3 . Also you can combine border-radius by writing one line border-radius: 1rem;

  keep coding :)

  Marked as helpful

  1

  ---

  

  Dragosh Gheceanu•140

  @dragoshcodePosted about 3 years ago

  @Pratik280 thank you so much! you helped me

  1
• 

  Paminos•230

  @epalpamPosted about 3 years ago

  Great job!! Keep up by coding more websites!

  Related to your first question, I would suggest:

  margin: auto; width: 90% or 90vw; to your container.

  So you will have a container horizontally aligned to 90% of the viewport and also responsive.

  Hope that helps.

  Marked as helpful

  1

  ---

  

  Dragosh Gheceanu•140

  @dragoshcodePosted about 3 years ago

  @epameinondas-paminos thank you so much!

  0