Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Enhancement]: Add 1/3 and 2/3 (33/66) values to responsive dimension utilities

Open
  • Is something wrong?
#7,429 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

  • #7430 by @Timo-Breumelhof — closed without merging

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
35/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Stale
Tech stack
scss
Domain
frontend

Research direction

Start with the named _dimension.scss file and read how the existing $sizes entries generate responsive dimension utilities. Check whether the closed, unmerged pull request changed the approach. Done means 33 and 66 variants are generated for width, height, min-width, min-height, max-width, and max-height at every breakpoint, consistent with existing sizes.

Written by the indexing model from the issue text.

Description

Status: New
Is there an existing issue for this?
  • I have searched the existing issues
Description of problem

The responsive width/height utility classes (aperture-w-, aperture-h-, aperture-min-w-, aperture-min-h-, aperture-max-w-, aperture-max-h-) only support 0, 25, 50, 75, 100, and auto. There's no way to build a three-column layout (each pane at 1/3 width) without writing custom CSS outside the utility system.

Description of solution

Add 33 (33.33%) and 66 (66.66%) entries to the $sizes map in _dimension.scss, generating aperture-w--33, aperture-w--66 (and equivalents for the other dimension properties) at every breakpoint, consistent with the existing sizes.

Description of alternatives considered

No response

Anything else?

Additional context
Example use case — three equal panes side-by-side at md+, stacked full-width below it:

Do you plan to contribute code for this enhancement?
  • Yes
Would you be interested in sponsoring this enhancement?
  • Yes
Code of Conduct
  • I agree to follow this project's Code of Conduct
Dominant language
C#
Stars
1.1k
Forks
791
Avg merge
2d 2h
Merged PRs (30d)
24

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from dnnsoftware/Dnn.Platform

All issues in dnnsoftware/Dnn.Platform

Similar issues

More C# issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.