import React from 'react';
import './CSS/projectPage.css';
const projectPage = () => {
const handleClick = (event) => {
// Handle button click event
console.log('Button clicked!', event.target);
};
return (
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum- scale=1.0, user-scalable=no, shrink-to-fit=no"/>
</head>
<body>
<div id="blueSquare">
<div id="project-square">
<div>
<input type="text"></input>
<h2>Projects</h2>
</div>
<div className="project-list">
<div className="hei">Feil</div>
</div>
</div>
<div className="sideBar">
<div id="settings-square">
<button className="settings-hexagon" onClick={handleClick}>TING SOM SKJER</button>
<button className="settings-hexagon" onClick={handleClick}>Advanced settings</button>
<button className="settings-hexagon" onClick={handleClick}>Download project</button>
<button className="settings-hexagon" onClick={handleClick}>Documentation</button>
<button className="settings-hexagon" onClick={handleClick}>Log off</button>
</div>
</div>
</div>
</body>
</html>
);
};
export default projectPage;
The problem is that I can't understand react and I don't understand how to use html in react. Where should this go?, should I create a new file with index.html or can I just get this straight into the .js file
problem is probably the meta tag
