camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed Bug where p tags had descendents

This commit is contained in:
Camerin Figueroa 2021-09-20 16:44:52 -04:00
parent 1001de3111
commit 8cdd9659b3
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Home.js
View File

@ -6,12 +6,12 @@ const Home = (props) => {
document.title = "Welcome to my Portfolio"; document.title = "Welcome to my Portfolio";
const title = "Welcome to my Portfolio"; const title = "Welcome to my Portfolio";
const description = const description =
<p> <div>
This website helps you access the projects that I've worked on. You can navigate This website helps you access the projects that I've worked on. You can navigate
at the top to different locations in the site. Within you can find information about me, at the top to different locations in the site. Within you can find information about me,
my github repositories, and some youtube videos I've posted. This website is coded with my github repositories, and some youtube videos I've posted. This website is coded with
React/Redux and hosted over Vercel. You can email me at <a href="mailto:camerin@camsprojects.online">camerin@camsprojects.online</a>. React/Redux and hosted over Vercel. You can email me at <a href="mailto:camerin@camsprojects.online">camerin@camsprojects.online</a>.
</p>; </div>;
return ( return (
<div className="Home"> <div className="Home">

4
src/components/Theater.js
View File

@ -8,9 +8,9 @@ const Theater = (props) => {
<div className="theater-bg" style={props.background ? {backgroundImage: `url(${props.background})`} : {}}/> <div className="theater-bg" style={props.background ? {backgroundImage: `url(${props.background})`} : {}}/>
<div className="theater-content"> <div className="theater-content">
<h1>{props.title}</h1> <h1>{props.title}</h1>
<p> <div className="description">
{props.description} {props.description}
</p> </div>
</div> </div>
</div> </div>

11
src/components/css/Theater.css
View File

@ -43,10 +43,19 @@
align-items: center; align-items: center;
} }
.theater-content p,h1 { .theater-content .description, .theater-content h1 {
width: 50vw; width: 50vw;
} }
.theater-content .description {
padding: 10px;
}
.theater-content a { .theater-content a {
color: #CFCFBA !important; color: #CFCFBA !important;
} }
@media only screen and (max-width: 600px) {
.theater-content .description {
width: 80vw;
}
}