Websites for css snippets

Jul,5th,2022

I'm baby humblebrag neutra taiyaki af vice bespoke locavore fanny pack ramps vexillologist succulents. Normcore etsy pour-over adaptogen skateboard fashion axe, bushwick food truck beard lumbersexual master cleanse actually deep v. Retro cardigan raw denim franzen kickstarter you probably haven't heard of them literally aesthetic snackwave four dollar toast. Keffiyeh synth umami, helvetica yr flexitarian jean shorts banh mi cardigan leggings letterpress paleo intelligentsia narwhal.

link to text

This is custom link you can add

🔗Video components

Regular video

iframe embadded video

🔗heading 2 with title prop

🔗Heading 2 without title prop

heading four

inline code

console.log('hello world')

I'm baby tumblr fanny pack tousled seitan. Man bun shaman yr, bushwick fam hammock williamsburg kombucha keytar VHS. Chambray street art authentic,

defalt blockquote

info blockquote

warning blockquote

Javascript

js
// comments
const name = "john";
const channel = "coding addict";

function featuredProducts(data) {
  return data.filter((item) => {
    return item.featured === true;
  });
}
featuredProducts();

JSX

jsx
import React from "react";

const Counter = () => {
  const [count, setCount] = React.useState(0);
  return (
    <section className="counter">
      <h4>show some love to MDX</h4>
      <h4>likes {count}</h4>
      <button className="btn btn-danger" onClick={() => setCount(count + 1)}>
        i like mdx
      </button>
    </section>
  );
};
export default Counter;

HTML

html
<h1>hello world</h1>
<p class="random">random text</p>
<section class="contact">
  <div class="title">
    <h1>contact us</h1>
  </div>
</section>

CSS

css
max-width: 500px;
border-radius: var(--radius);
padding: 1rem 1.5rem;
background: var(--clr-grey-10);
text-align: center;