Order summary card solution

Community feedback

• 

  Godwin Martins•180

  @gmcodes20Posted almost 3 years ago

  Hello @codefliers, nice one you got here.

  Maybe some few issues that shouldn't be hard to fix.

  First, you page should have some margins from the screen. I.e it is too close to the edge of the screen.

  Secondly, to center an element, you can use margin auto and specify the width of element. You can also choose either css grid or css Flexbox (checkout this course on grid for more insight https://www.cssgrid.io )

  Last but not the least, you cannot nest link inside a button or vice versa just like you did here <button1><a href=https://www.frontendmentor.io?ref=challenge>Proceed..... It should be a button or a link but not both nested.

  Marked as helpful

  0

  ---

  

  Godwin Martins•180

  @gmcodes20Posted almost 3 years ago

  @gmcodes20 https://flexbox.io/ for Flexbox

  0
• 

  saira•130

  @saira512devPosted almost 3 years ago

  Flexbox is a better choice

  0
• 

  Jonathan Remmers•70

  @JonathanRePosted almost 3 years ago

  Look into flexbox for the items in the center of the card. You can also use it to center the card in the page, so you don't have to use position: absolute;

  0