syntax for srcset in react
import nat1 from "./img/nat-1.jpg";
import nat1Large from "./img/nat-1-large.jpg";
import nat2 from "./img/nat-2.jpg";
import nat2Large from "./img/nat-2-large.jpg";
import nat3 from "./img/nat-3.jpg";
import nat3Large from "./img/nat-3-large.jpg";
<div className="composition">
<img
srcSet={`${nat1} 300w, ${nat1Large} 1000w`}
sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
alt="Photo 1"
className="composition__photo composition__photo--p1"
src={nat1Large}
/>
<img
srcSet={`${nat2} 300w, ${nat2Large} 1000w`}
sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
alt="Photo 2"
className="composition__photo composition__photo--p2"
src={nat2Large}
/>
<img
srcSet={`${nat3} 300w, ${nat3Large} 1000w`}
sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
alt="Photo 3"
className="composition__photo composition__photo--p3"
src={nat3Large}
/>
</div>
Also in JavaScript:
- remove a class after 100 milliseconds jquery
- how to flatten array with reduce in javascript
- terser plugin Cannot read property 'javascript' of undefined
- how to freeze js object
- vue for loop
- how to connect next js with postgresql localhost
- ant design react
- cadena promesas javascript
- get current date javascript full month
- check if is array or object javascript
- alphabet array js
- react on hover reveal
- mongodb gte
- $q use in angularjs
- how to use react-fontawesome
- javascript remove event listener
- javascript inbuilt funcctions to match the word and return boolean
- javascript title string
- ts-node command not found
- javascript absolute value
- javascript cast bool to int
- javascript stop execution
- javascript array pop
- hide label chratjs