Responsiveness of the height of a group/element

[maze]

You can use the classify plugin to do it.

Classify 4: A tiny plugin that brings CSS classes and +

Hey Julien! I am trying to add css to an element and have installed your plugin! However, I am having trouble following this thread and its instructions… Do we just simply write {exampleClass} in an element’s ID attribute to assign that ID? Do we define what the class is in the page HTML header? What is the format for defining a style for a class? Example: exampleClass{ box-shadow: 12px 12px 12px #000000; } ps. it won’t let me write < style >, just in case I do open and close wi…

1. List item Install the plugin & enable ID’s (Settings - General - Expose the option to add an ID)

2. List item Set the ID of the grey element to: {addClass: “grey”}

3. List item Set the ID of the pink element to: {addClass: “pink”}

4. List item Then create a html element and paste the following in:

<style>
.grey {
  height: 100vh !important;
}

.pink {
  position: fixed !important;
  top: calc(100vh - 50px) !important;
} 
</style>

Attention: You need to adjust the “50px” to the height of your pink element - I just used 50px as an example.

That should do the trick. However the usability will depend on the elements you are going to put inside these groups.

Hope that helps.