Skip to content
View Martskin's full-sized avatar
🏔️
Working from home
🏔️
Working from home

Block or report Martskin

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Martskin/README.md

Martin Hofmann Logo

Hello, I’m a Front-End Developer specializing in building components and documentation for design sytems. I’ve contributed to 10+ design systems and my skillset includes JS, HTML, SCSS/CSS, React and Vue. My background in visual design combined with my knowledge of asset creation enables me to become a bridge between design and engineering.

Some of My Personal Projects


A quick way to visualize and share CSS box model examples. Adjust the inputs in the control panel to customize margin, padding, border, element dimensions and colors.

CSS Box-model Visualizer

Create a model


batch-logo

A simple, responsive, flexbox grid system.

Basic Usage

<div class="batch-g batch-g--border batch-g--gutter batch-g--padding">
	<div class="batch-c-1-1 batch-c-md-1-2 batch-c-lg-1-3">
		Grid Cell 1
	</div>
	<div class="batch-c-1-1 batch-c-md-1-2 batch-c-lg-1-3">
		Grid Cell 2
	</div>
	<div class="batch-c-1-1 batch-c-md-1-2 batch-c-lg-1-3">
		Grid Cell 3
	</div>
</div>

basic-usage

Documentation

Batch Documentation


Pinned Loading

  1. box-model-visualizer box-model-visualizer Public

    A quick way to visualize and share CSS box model examples. Adjust the inputs in the control panel to customize margin, padding, border, element dimensions and colors.

    JavaScript 3 1

  2. batch batch Public

    A simple, responsive, flexbox grid system.

    HTML 23 2

  3. a11y-style-guide a11y-style-guide Public

    Forked from cehfisher/a11y-style-guide

    A11Y Style Guide

    CSS

  4. carbon-components-react carbon-components-react Public

    Forked from carbon-design-system/carbon-components-react

    React components for the Carbon Design System

    JavaScript

  5. motorcycons motorcycons Public

    Icons for the Powersports industry

    CSS 1