Skip to content

Fixed Responsiveness of Service Page #384

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Khushi-Pushkar wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Fixed Responsiveness of Service Page #384

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fa35f35
Fixed Responsiveness of Service Page
Khushi-Pushkar Jul 31, 2024
25f3d88
Merge branch 'master' into servicePage
Khushi-Pushkar Aug 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 1 addition & 3 deletions src/Pages/Services.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ const Services = () => {
<>
<Navbar />
<div className="">
<h1 className="text-center mt-5 display-3 fw-bold">Our <span className="theme-text">Services</span></h1>
<h1 className="heading">Our <span className="theme-text">Services</span></h1>
<hr className="mx-auto mb-5 w-25 " />

<section className={"m-0 p-0 w-100 d-flex flex-wrap gap-2 margin: 0 auto"} >
Expand All @@ -69,8 +69,6 @@ const Services = () => {
return (
<>
<div className={"card border border-success bg-white"}
style={{maxWidth: "400px", minHeight: "500px", cursor: "default" , margin: "0 auto"}}>
<div className={"card-body d-flex flex-column justify-content-start w-100 p-0 m-0 "}>
<h3 className={"m-0 mb-4 fw-bold"}>{data.name}</h3>
<div className={"rounded"} style={{width: "100%", height: "200px", overflow: "hidden"}}>
<img src={data.image} alt="WhatsApp" className="w-100 h-100"
Expand Down
22 changes: 21 additions & 1 deletion src/Styles/Services.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
/*Pixel font*/
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");

* {
margin: 0;
padding: 0;
Expand Down Expand Up @@ -101,4 +103,22 @@

.btn-primary:hover {
background-color: #0056b3;
}
}

.heading{
text-align: center ;
margin-top: 20px ;
font-family: "DM Serif Display", serif;
font-weight: 400;
font-size: 3.5rem;
background: linear-gradient(rgb(43, 57, 74) ,rgb(48, 175, 91));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
;}

.theme-text{
font-family: "DM Serif Display", serif;
font-weight: 400;
font-size: 3.5rem;
}