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

created composition for images and finished about section

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-02 11:57:59 +03:00
parent 53eeb464a2
commit ed73cbb2bb
3 changed files with 58 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/about-section/about.jsx
+22 -1
View File
@@ -1,4 +1,7 @@
import ButtonSecondary from "../../components/button/button-secondary";
import nat1Large from "../../commons/images/nat-1-large.jpg";
import nat2Large from "../../commons/images/nat-2-large.jpg";
import nat3Large from "../../commons/images/nat-3-large.jpg";
function About() {
return (
@@ -31,7 +34,25 @@ function About() {
<ButtonSecondary text={"Learn More ➯"} />
</div>
<div className="col-1-of-2">Image</div>
<div className="col-1-of-2">
<div className="composition">
<img
src={nat1Large}
alt="Photo 1"
className="composition__photo composition__photo--p1"
/>
<img
src={nat2Large}
alt="Photo 2"
className="composition__photo composition__photo--p2"
/>
<img
src={nat3Large}
alt="Photo 3"
className="composition__photo composition__photo--p3"
/>
</div>
</div>
</div>
</section>
</main>