Commit 530b564f authored by LasseKau's avatar LasseKau
Browse files

update

-
parent 220eb1c9
......@@ -3,21 +3,29 @@
display: flex;
flex-direction: column;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
}
.information {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
}
input {
width: 300px;
height: 50px;
font-size: 20px;
width: 240px;
height: 30px;
font-size: 15px;
padding-left: 10px;
margin: 5px;
......@@ -44,7 +52,7 @@ input {
width: 700px;
height: auto;
border: 1px solid black;
margin: 10px;
margin: 5px;
display: flex;
padding: 10px;
font-family: 'Courier New', Courier, monospace;
......
......@@ -96,14 +96,14 @@ function App() {
<div className="App">
<div className="information">
<label>Name:</label>
<label>Model:</label>
<input
type="text"
onChange={(event) => {
setName(event.target.value);
}}
/>
<label>Age:</label>
<label>Model Year:</label>
<input
type="number"
onChange={(event) => {
......@@ -140,10 +140,10 @@ function App() {
return (
<div className="car">
<div>
<h3>Name: {val.name}</h3>
<h3>Age: {val.year}</h3>
<h3>Country: {val.maker}</h3>
<h3>Summary: {val.review}</h3>
<h3>Model: {val.name}</h3>
<h3>Model Year: {val.year}</h3>
<h3>Description: {val.maker}</h3>
<h3>Maker: {val.review}</h3>
<h3>Price: {val.price}</h3>
</div>
<div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment