Single price grid component using Bootstrap 5

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted over 3 years ago

  • let your first heading be an h1 element. Do not skip headings, let them ascend in order(h1, h2, h3). Size can be adjusted using css

  Marked as helpful

  1

  ---

  

  E_X_E•295

  @Alex-AR-LRPosted over 3 years ago

  @ChamuMutezva Thank you very much for the advice

  0
• 

  Nandini Jain•200

  @nandini2201Posted over 3 years ago

  Try to resolve report issues.

  Marked as helpful

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  The layout you have at 1500px pixel wide browser should be the same one you have at about 700px wide. You layout is changing to much with the different browser widths

  Marked as helpful

  0

  ---

  

  E_X_E•295

  @Alex-AR-LRPosted over 3 years ago

  @palgramming Thanks for the comment, This is my second challenge using bootstrap. The change to desktop view is at 1400px by Bootstrap's container-xxl class, the smaller the size the container class is used. I think it was inevitable that the content varies at each break point, even so I added a class on the main to grant a max-width 630px and prevent the content from growing more than what is assigned by the classes Bootstrap container. If you remove the class "container-medio" from the <main> tag in the element inspector, you will see that the size varies much more. What other solution could be better than assigning a max-width of 630px on the <main>? As mentioned above I am new to Bootstrap.

  0