yusufipek/natours-react
1
0
Fork 0
mirror of https://github.com/yusufipk/natours-react.git synced 2026-09-12 03:26:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

created media queries

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-07 09:30:50 +03:00
parent c93a134aed
commit 0eb562eea4
5 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/about-section/about.jsx
+3 -3
View File
@@ -40,7 +40,7 @@ function About() {
<div className="composition">
<img
srcSet={`${nat1} 300w, ${nat1Large} 1000w`}
sizes="(max-width: 900px) 20vw, (max-width: 600px) 30vw, 300px"
sizes="(max-width: 56.25em) 20vw, (max-width: 600px) 30vw, 300px"
alt="Photo 1"
className="composition__photo composition__photo--p1"
src={nat1Large}
@@ -48,7 +48,7 @@ function About() {
<img
srcSet={`${nat2} 300w, ${nat2Large} 1000w`}
sizes="(max-width: 900px) 20vw, (max-width: 600px) 30vw, 300px"
sizes="(max-width: 56.25em) 20vw, (max-width: 600px) 30vw, 300px"
alt="Photo 2"
className="composition__photo composition__photo--p2"
src={nat2Large}
@@ -56,7 +56,7 @@ function About() {
<img
srcSet={`${nat3} 300w, ${nat3Large} 1000w`}
sizes="(max-width: 900px) 20vw, (max-width: 600px) 30vw, 300px"
sizes="(max-width: 56.25em) 20vw, (max-width: 600px) 30vw, 300px"
alt="Photo 3"
className="composition__photo composition__photo--p3"
src={nat3Large}