Icyscools/#20 Add Legislative Process Page: Body Skeleton

[Icyscools]

Related to #20.

This PR intended to add legislative process heading text and their styles according to this Figma design.

• [x] Add a Blue Title section. Use the current timestamp for the updated date for now.
• [x] Add every heading 1 and heading 2 texts.
• [x] The body should be responsive.

Note that: I set max-width equals to 800px as same as this design's body width on desktop size, but not sure if we have any specific breakpoint.

Example

Viewport of 320px width.

---

Viewport of 800px width.

---

Viewport of 1024px width.

[Icyscools]

Done!

Now the content body should be in the center if the display screen has a width of more than 800px. And, I cleaned up the styles as you mentioned. But somehow I can't @apply our custom classes (fluid-heading-04, fluid-heading-05) so I remain custom classes in class property of tag.

Example viewport of 1024px width.

[Th1nkK1D]

Done!

Now the content body should be in the center if the display screen has a width of more than 800px. And, I cleaned up the styles as you mentioned. But somehow I can't @apply our custom classes (fluid-heading-04, fluid-heading-05) so I remain custom classes in class property of tag.

LGTM! You're right. Since both of those classes are not from Tailwind, we can't use @apply. Thank you for another PR ;)