Development

HTML & CSS Code Snippets

Essential HTML tags, CSS declarations, and boilerplate code for web developers. Speed up front-end development with common patterns.

typeblast Team

0likes0subscribers10snippets

Snippets (10)

;;sr-only

Screen Reader Only

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px

;;linkcs

CSS Link Tag

;;form

Basic Form

<form action="" method="POST"> <div> <label for=""></label> <input type="text" i

;;reset

CSS Reset

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

;;html5

HTML5 Boilerplate

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content

;;script

Script Tag

;;media

Media Query Breakpoint

@media (max-width: 768px) { }

;;gridauto

CSS Grid Auto-Fill

display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem;

;;meta-og

Open Graph Meta Tags

;;flexcenter

Flexbox Center

display: flex; justify-content: center; align-items: center;