canonical / canonical/vanilla-framework

Equal height row 50-50 split

Open
#5,292 8 comments 0 reactions 0 assignees View on GitHub
P3 Triaged Triaged: v4
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Component/pattern to amend

p-equal-height-row

## Visual

Currently (09/08/24) this is still in development, but should be live at https://ubuntu.com/azure/sql shortly
![image](https://github.com/user-attachments/assets/1e787eea-8919-42f2-a646-f93197ff59fc)

Currently this is being achieved with some fairly basic inline styling: https://github.com/canonical/ubuntu.com/pull/14159/files#diff-16fd2f7f033564bcb20aa492f48eb2ead58f0a3c262579f799159544ea7bbf1dR170

## Context

In what context does your amendment solve a problem?

Contributor guide

Open the contributing guide

Research direction

Start with the p-equal-height-row component and inspect the inline styling shown in the referenced pull request. Compare the current component with the visual and the live Azure SQL example; done means the component supports an equal 50-50 row without that inline styling.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.