After much searching and experimentation, I am still unable to create a new line in this React function.
It seems like a basic issue, but as a newcomer, I would appreciate any advice. One suggestion was to use the following CSS:
.new-line {
white-space: pre-line;
}
I tried implementing the suggested CSS, but it did not solve the problem. Could this be related to the file extensions used in JavaScript?
import React from "react";
import Badge from "../elements/Badge";
import Resume from "../../resume.json";
function AboutMe() {
return (
<section className="section has-background-link" id="aboutMe">
<div className="container has-text-centered">
... (Code continues)
</div>
</section>
);
}
export default AboutMe;
I'm only using one CSS file
html {
scroll-behavior: smooth;
}
... (Continues with CSS styles)
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
... (Continues with head section of HTML document)
</head>
<body>
... (Continues with body section of HTML document)
</body>
</html>