refactor: container size to tailwind

[roiLeo]

Replace container is-* to tailwind equivalent

• ref remove bulma css #9013
• https://bulma.io/documentation/layout/container/
• https://tailwindcss.com/docs/container

[pbkompasz]

👋

[kodabot]

ASSIGNED - @pbkompasz 🔒 LOCKED -> Sunday, February 4th 2024, 23:20:22 UTC -> 36 hours

[pbkompasz]

@roiLeo Tailwind's container sets the max-width of the container to a given breakpoint e.g. anything width above 1536px, the max-width stays 1536px + the .is-fluid class adds 2.5rem padding on each side.
Between breakpoints this happens:


I could change it instead to w-full px-[2.5rem] and not use the container class.

[roiLeo]

@roiLeo Tailwind's container sets the max-width of the container to a given breakpoint e.g. anything width above 1536px, the max-width stays 1536px + the .is-fluid class adds 2.5rem padding on each side.
Between breakpoints this happens:


I could change it instead to w-full px-[2.5rem] and not use the container class.

Let's try!

[kodabot]

ASSIGNMENT EXPIRED - @pbkompasz has been unassigned.

[zeshhaan]

Can share bit more context here as i look forward working on it again and make sure we are on the same page?

Replace container is-* to tailwind equivalent

• ref remove bulma css #9013
• https://bulma.io/documentation/layout/container/
• https://tailwindcss.com/docs/container

Here is what my thought process was while taking this issue:
remove css variable dependancy, and use tailwind class.

Looking at the comment by @Jarsen136 at #9870 (comment) did you mean to use a wrapper aka container width size instead of adjusting with paddings?

[Jarsen136]

Can share bit more context here as i look forward working on it again and make sure we are on the same page?

Replace container is-* to tailwind equivalent

• ref remove bulma css #9013
• https://bulma.io/documentation/layout/container/
• https://tailwindcss.com/docs/container

Here is what my thought process was while taking this issue: remove css variable dependancy, and use tailwind class.

Looking at the comment by @Jarsen136 at #9870 (comment) did you mean to use a wrapper aka container width size instead of adjusting with paddings?

replace class name container is-x with class name from tailwind. The important point is that we should keep the same UI as before.

https://tailwindcss.com/docs/container