added some styling to writing prompt thingy

This commit is contained in:
AW_Dev 2024-05-07 20:35:25 -07:00
parent 2fe3498b68
commit b1e5436d97
2 changed files with 24 additions and 8 deletions

View file

@ -16,6 +16,7 @@
</head>
<body>
<img src="https://awdev.codes/images/ww.gif" style="display:none;">
<section class="landing-section section">
<div class="landing-header">
<img src="../icons/icon.svg" class="landing-logo">
@ -69,10 +70,10 @@
</div>
</section>
<section class="project-idea-section section">
<div class="container">
<div class="project-idea-container">
<h1>What are we building today?</h1>
<textarea id="project-name" placeholder="I'm going to build a..."></textarea>
<h2>💡 Need an idea? Click the raccoon!</h2>
<h1>💡 Need an idea? Click the raccoon!</h1>
<div style="display: flex;">
<div>
<img src="../images/idea.png" style="margin: 0 auto; display: inline; max-width: 10em"

View file

@ -8,12 +8,6 @@
height: 100vh;
}
.container {
margin: auto;
padding: 0 20px;
max-width: 52em;
}
.hoverable {
transition: 500ms transform;
}
@ -366,4 +360,25 @@
#generate-project-idea {
cursor: pointer;
}
#project-name {
resize: none;
width: 70%;
border: none;
padding: 20px;
font-size: 20px;
margin-bottom: 30px;
border-radius: 30px;
}
.project-idea-container {
margin: auto;
padding: 0 20px;
max-width: 52em;
}
.project-idea-container h1 {
font-size: 40px;
margin-bottom: 10px;
}