used HTML 5 , CSS with flex-box and mobile-first workflow

Community feedback

• 

  Engr. Fisayo Michael Animashaun (MNSE, FMP®, COREN)•340

  @fmanimashaunPosted over 2 years ago

  Nice job Fred. But you might want to check you card height and footer note

  0

  ---

  

  Fred Zabulon•160

  @FredZabuPosted over 2 years ago

  @fmanimashaun i do appreciate for your comment, but what can i do for the height and the footer note ?

  0

  

  Engr. Fisayo Michael Animashaun (MNSE, FMP®, COREN)•340

  @fmanimashaunPosted over 2 years ago

  @FredZabu my approach will be to create a container with the following properties: min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between;

  Then create 3 elements inside with following elements header, main and footer

  Marked as helpful

  0

  

  Engr. Fisayo Michael Animashaun (MNSE, FMP®, COREN)•340

  @fmanimashaunPosted over 2 years ago

  @fmanimashaun inside the main, create a card div with a max-width based on the design and you can go from there.

  Marked as helpful

  0

  

  Fred Zabulon•160

  @FredZabuPosted over 2 years ago

  @fmanimashaun Thank you so much i can then improve on it.

  0

  

  Fred Zabulon•160

  @FredZabuPosted over 2 years ago

  @fmanimashaun Thank you so much i can then improve on it.

  0