DEV Community

Cover image for Wide section for Notion
Thiago Braga
Thiago Braga

Posted on • Edited on

1

Wide section for Notion

💾 TL;DR
Duplicate the template here


Hi, guys. How are you? A long time since my last post. I hope everyone is well and healthy.

Last Saturday, I had an idea for my company's Notion. This idea made it easier to separate the categories into a larger section. And on top of that, I wanted to come up with a result that was responsive and that worked on both themes. The only downside is that each title and paragraph on the left side is made with images. 🥲

I would like to share some screenshots I took. I hope you all like it 🥰 (click image to enlarge and open in another window).



Notion of Tesseract company in dark mode and wide sections


Dark theme on 1920px wide monitor




Notion of Tesseract company in light mode and wide sections


Light theme on 1920px wide monitor





Notion of Tesseract company in dark mode and laptop wide sections


Dark theme on 1366px laptop monitor




Notion of Tesseract company in light mode and laptop wide sections


Light theme on 1366px laptop monitor





Notion of Tesseract company in dark mode on mobile


Dark theme on mobile screen




Notion of Tesseract company in light mode on mobile


Light theme on mobile screen


Playwright CLI Flags Tutorial

5 Playwright CLI Flags That Will Transform Your Testing Workflow

  • --last-failed: Zero in on just the tests that failed in your previous run
  • --only-changed: Test only the spec files you've modified in git
  • --repeat-each: Run tests multiple times to catch flaky behavior before it reaches production
  • --forbid-only: Prevent accidental test.only commits from breaking your CI pipeline
  • --ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Learn how these powerful command-line options can save you time, strengthen your test suite, and streamline your Playwright testing experience. Practical examples included!

Watch Video 📹️

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

If this article connected with you, consider tapping ❤️ or leaving a brief comment to share your thoughts!

Okay