Responsive with Bootstrap, No fixed length is used.

Community feedback

• 

  K01wfd•690

  @K01wfdPosted 12 months ago

  Hi Enis Kerti, your solution looks pretty good, my suggestions:

  1. The main content width is bit small compared to the original width specified (i'am not sure if it's screenshot issue).
  2. In the summary section the inline-padding are bit too small.
  3. for this small project i would use plain css to finish this project (if you want to improve your css skills).

  hope this be useful.

  0

  ---

  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  @Korg01wfd I didn'nt make this only css but bootstrap to improve my bootstrap skill. So I didn't use fixed lengths and I used diffrent widths for diffrent breakpoints. Actually in big screen(aprox.1400px and more) it looks pretty good. But 100pxs between breakpoints, card could looks a bit narrow.

  Actually, It isn't a clear decision in my mind to use fixed widths(It may be a problem in responsive) or relative widths such as percentage that make me ease in responsive design?

  Thanks your suggestions. Good code!

  Enis...

  0

  

  K01wfd•690

  @K01wfdPosted 12 months ago

  @eniskrt a general recommendation when working with content width is to set a max-width or min-width depends on sitiuation, then let the browser resize the content. .container { max-width: 1200px; margin-inline:auto; padding-inline:2.4rem; } this will give a container that does not expand more than 1200px but will response for resizing on smaller sceens, with margin-inline auto will make sure the content is centered, and with some inline-padding to push the content a litle bit. from here you figure out how to make any box responsive, (anyway, there will be always some sitiuations where you need to define fixed sizes). good luck :)

  Marked as helpful

  0

  

  Enis Kerti•590

  @eniskrtPosted 12 months ago

  thanks...@Korg01wfd

  0