Skip to content

Optimize header layout performance with flexbox mixins#6

Open
akshayutture-augment wants to merge 1 commit into
header-layout-optimization-prefrom
header-layout-optimization-post
Open

Optimize header layout performance with flexbox mixins#6
akshayutture-augment wants to merge 1 commit into
header-layout-optimization-prefrom
header-layout-optimization-post

Conversation

@akshayutture-augment

@akshayutture-augment akshayutture-augment commented Nov 17, 2025

Copy link
Copy Markdown

No description provided.

@augmentcode augmentcode Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review completed. 2 suggestions posted.

Comment augment review to trigger a new review at any time.

}

@mixin order($val) {
-webkit-box-ordinal-group: $val;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For cross-browser consistency, consider offsetting -webkit-box-ordinal-group by +1 (it’s 1-based) to match the 0-based semantics of standard order; otherwise ordering can differ on older WebKit.

🤖 Was this useful? React with 👍 or 👎

-webkit-box-align: $alignment;
-webkit-align-items: $alignment;
-ms-flex-align: $alignment;
-ms-align-items: $alignment;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

-ms-align-items isn’t a valid property (IE uses -ms-flex-align which you already include); consider removing it to avoid no-op vendor rules and potential linter noise.

🤖 Was this useful? React with 👍 or 👎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant