fix images
This commit is contained in:
@@ -1,5 +1,10 @@
|
||||
import React from "react";
|
||||
|
||||
import logo from '../assets/logo_1x.png'
|
||||
import logo2x from '../assets/logo_2x.png'
|
||||
import logo4x from '../assets/logo_4x.png'
|
||||
import cucumber from '../assets/cucumber.png'
|
||||
|
||||
export const LandingPage = () => {
|
||||
return (
|
||||
<>
|
||||
@@ -8,13 +13,13 @@ export const LandingPage = () => {
|
||||
className="logo"
|
||||
height="44p"
|
||||
width="227"
|
||||
src="./assets/logo_4x.png"
|
||||
src={logo4x}
|
||||
alt="Логотип. Надпись Рик и Морти"
|
||||
srcSet="
|
||||
./assets/logo_1x.png 220w,
|
||||
./assets/logo_2x.png 445w,
|
||||
./assets/logo_4x.png 880w
|
||||
"
|
||||
srcSet={`
|
||||
${logo} 220w,
|
||||
${logo2x} 445w,
|
||||
${logo4x} 880w,
|
||||
`}
|
||||
sizes="
|
||||
(max-width: 240px) 100px,
|
||||
(min-width: 320px) 440px,
|
||||
@@ -87,7 +92,7 @@ export const LandingPage = () => {
|
||||
Смита.
|
||||
</p>
|
||||
</div>
|
||||
<img className="card--img" src="./assets/cucumber.png" alt="" />
|
||||
<img className="card--img" src={cucumber} alt="" />
|
||||
</article>
|
||||
</main>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user