Moderncss Dot Dev

screenshot of Moderncss Dot Dev

Moderncss Dot Dev

Posts from the series "Modern CSS Solutions to Old CSS Problems"


Modern CSS Solutions for Old CSS Problems is a series created by Stephanie Eckles, also known as @5t3ph on Mastodon. This series offers valuable insights and solutions to common CSS problems that developers often encounter in their projects. Whether you are a beginner or an experienced developer, this series provides practical tips and techniques to improve your CSS skills and make your code more efficient.


  • Practical Solutions: The series focuses on providing real-world solutions to common CSS problems, making it a valuable resource for developers working on web projects.
  • Detailed Explanations: Each solution is accompanied by a detailed explanation, helping developers understand the underlying concepts and principles behind the solution.
  • Code Examples: The series provides code examples for each solution, making it easy to implement the solutions in your own projects.
  • Variety of Topics: The series covers a wide range of CSS topics, including layout, typography, responsive design, and accessibility.


To access the Modern CSS Solutions for Old CSS Problems series, follow these steps:

  1. Visit the website
  2. Navigate to the series section on the website.
  3. Choose the specific topic or problem you are interested in.
  4. Read the detailed explanation and code examples provided for each solution.
  5. Implement the solution in your own CSS code as needed.


Modern CSS Solutions for Old CSS Problems is a valuable series for developers looking to enhance their CSS skills and overcome common CSS challenges. With practical solutions, detailed explanations, and code examples, this series offers actionable insights that can be applied to real-world projects. Whether you are a beginner or an experienced developer, this series is a valuable resource for improving your CSS knowledge and efficiency.


11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.


PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.