| export const PAINTINGS = [ | |
| { | |
| title: 'Hallway', | |
| artist: 'Efe Kurnaz', | |
| src: 'https://images.unsplash.com/photo-1500462918059-b1a0cb512f1d?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987', | |
| description: | |
| 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat sed cras ornare arcu dui. Ac feugiat sed lectus vestibulum.', | |
| price: '$899.99', | |
| avgRating: 4.8, | |
| reviews: 445, |
Technical writing is a type of writing where the author is writing about a particular subject that requires direction, instruction, or explanation. This style of writing has a very different purpose and different characteristics than other writing styles. ~ YourDictionary
This repository contains different technical writing resources that has been gathered from all around the internet
| .img { | |
| max-width: 100%; | |
| display: block; | |
| object-fit: cover; | |
| } | |
| .main { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); | |
| gap: 2rem; |
| @import url("https://fonts.googleapis.com/css?family=Libre+Baskerville|Mulish:700&display=swap"); | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| /* Reset margins */ | |
| body, |
| *, | |
| *:before, | |
| *:after { | |
| box-sizing: border-box; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| img { | |
| max-width: 100%; |
| import React from "react"; | |
| import { useDrag, useDrop } from "react-dnd"; | |
| import galleryList from "./data.js"; | |
| const Card = ({ src, title, id, index, moveImage }) => { | |
| const ref = React.useRef(null); | |
| const [, drop] = useDrop({ | |
| accept: "image", |
| @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Mulish:700&display=swap'); | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| :root { | |
| --bg-colour: #f0f7f4; |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); | |
| *, | |
| *::before, | |
| *::after { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } |
| <template> | |
| <div class="lg:flex lg:items-center px-8 py-8 max-w-md m-auto md:max-w-2xl lg:m-0 lg-p-0 w-full lg:max-w-5xl"> | |
| <div class="lg:w-2/4"> | |
| <h1 class="text-gray-900 text-lg mb-2 font-bold uppercase md:text-3xl lg:text-2xl">Image Banner Generator</h1> | |
| <form> | |
| <template v-if="banners.length > 0" class="mb-6"> | |
| <label className="mb-2 md:text-2xl lg:text-base"> |