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

finished styling popup

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-05 09:35:38 +03:00
parent 7a317c66c3
commit 366161e0ca
4 changed files with 43 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/popup/popup.jsx
+4 -1
View File
@@ -4,13 +4,16 @@ import nat9 from "../images/nat-9.jpg";
function Popup() {
return (
<div>
<div className="popup">
<div className="popup" id="popup">
<div className="popup__content">
<div className="popup__left">
<img src={nat8} alt="Tour photo" className="popup__img" />
<img src={nat9} alt="Tour photo" className="popup__img" />
</div>
<div className="popup__right">
<a href="#section-tours" className="popup__close">
&times;
</a>
<h2 className="heading-secondary u-margin-bottom-small">
Start booking now
</h2>
src/commons/tours-section/tours.jsx
+3 -3
View File
@@ -31,7 +31,7 @@ function Tours() {
<p className="card__price-only">Only</p>
<p className="card__price-value">$297</p>
</div>
<a href="#" className="btn btn--white">
<a href="#popup" className="btn btn--white">
Book now!
</a>
</div>
@@ -63,7 +63,7 @@ function Tours() {
<p className="card__price-only">Only</p>
<p className="card__price-value">$497</p>
</div>
<a href="#" className="btn btn--white">
<a href="#popup" className="btn btn--white">
Book now!
</a>
</div>
@@ -95,7 +95,7 @@ function Tours() {
<p className="card__price-only">Only</p>
<p className="card__price-value">$897</p>
</div>
<a href="#" className="btn btn--white">
<a href="#popup" className="btn btn--white">
Book now!
</a>
</div>