martskin / freecodecamp

The https://freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.

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

---

CSS Box Model Visualizer

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.

Create a model

---

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>

Documentation

Batch Documentation

---