image

Morgen

Claim Tool

Last updated: September 22, 2025

Reviews

0 reviews

What is Morgen?

The Morgen.so Contact Us and Pricing pages incorporate advanced CSS styles to enhance web design and improve user experience. Key features include inline flex display, rich text element margin adjustments, square div creation, pointer events control, and center alignment for containers. Additionally, inheritance of typography styles, text truncation, and various margin and padding utility classes are provided. Specialized button styles with hover effects and focus state styles for keyboard navigation are also included, ensuring a responsive and accessible design.

Category

Morgen's Top Features

Inline Flex Display

.display-inlineflex

Rich Text Element Margins

.w-richtext > :not(div):first-child

.w-richtext > div:first-child > :first-child

Square Div

.div-square::after

Pointer Events Control

.pointer-events-off

.pointer-events-on

Center Alignment for Containers

.container-medium

.container-small

.container-large

Inherited Typography Styles

Commented out, can be uncommented to use

Text Truncation

.text-style-3lines

.text-style-2lines

.text-style-1line

Hide Classes

.hide

.hide-tablet

.hide-mobile-landscape

.hide-mobile

Margin and Padding Classes

.margin-0

.padding-0

.spacing-clean

.margin-top

.padding-top

.margin-right

.padding-right

.margin-bottom

.padding-bottom

.margin-left

.padding-left

.margin-horizontal

.padding-horizontal

.margin-vertical

.padding-vertical

Button Styles

.button_56.is-arrow:hover .arrow-icon

.button_56.is-secondary-arrow:hover .chevron-icon

.button_56.is-secondary-arrow:hover .secondary-box

.button_48.is-arrow:hover .arrow-icon

.button_48.is-secondary-arrow:hover .chevron-icon

.button_48.is-secondary-arrow:hover .secondary-box

.button_48.is-secondary:hover .chevron-icon

Focus State Style for Keyboard Navigation

*[tabindex]:focus-visible

input[type='file']:focus-visible

Font Smoothing and Text Rendering

Applied to body element for crisper text across browsers

Frequently asked questions about Morgen

Morgen's pricing

Share

Customer Reviews

Share your thoughts

If you've used this product, share your thoughts with other customers

Recent reviews

News

    Top Morgen Alternatives

    Use Cases

    Web Developers

    Web developers seeking to improve the design and interactivity of web pages with advanced CSS styles on Morgen.so.

    UI/UX Designers

    UI/UX Designers aiming to enhance user experience through styles like text truncation, focus state, and more.

    Project Managers

    Project Managers ensuring the use of standardized CSS classes for a consistent look and feel across web projects.

    Accessibility Experts

    Accessibility Experts focusing on keyboard navigation and pointer events control to make websites accessible to all users.

    Content Managers

    Content Managers needing efficient text truncation styles to manage space constraints without compromising readability.

    Frontend Engineers

    Frontend Engineers looking for pre-defined but customizable CSS classes for quick implementation of design changes.

    SEO Specialists

    SEO Specialists optimizing web pages to be more accessible and readable, thus improving overall page ranking.

    Mobile Developers

    Mobile Developers implementing responsive design practices using classes specifically for tablet and mobile views.

    QA Testers

    QA Testers validating the visual aspects and user interactions of web elements across different devices and browsers.

    Marketing Teams

    Marketing Teams coordinating with developers to ensure design elements are consistent with branding and user engagement strategies.