Loading ...

How to align different widget sizes | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » How to align different widget sizes
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

How to align different widget sizes

Subscribe to RSS
  • mdrain

    Are there any CSS tricks to force two widgets to always be the same height (see below)? Simply assigning the same height to the two widgets does not seem to work for different window sizes.

  • Foster
    Answered

    Hi Maxwell,

    The best way to align these elements would be using FlexBox. You will need to create a parent container, a flexbox container, and the then the children become flex items. Since there are multiple widgets with nested elements, you may need to utilize multiple flex containers. These will also impact responsiveness, so you will need to use media queries to change the flex properties at different screen widths. 

    There are a few very good articles on how best to utilize this CSS element, and guides to use it the best way possible. 

    I hope this information helps you customize your Intranet in the best way possible!

    Thanks,
    Foster

  • mdrain

    Thanks, Foster!

Page 1 of 1 (3 items)