Question: this is my html code: Home A house is made of bricks and beams. A home is made of hopes and dreams. Home is where
this is my html code:
A house is made of bricks and beams. A home is made of hopes and dreams. Home is where our story begins
Contacts added but not one is worthy enough to remain as their priority.
To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.
this is my css file:
.menu {
height: 24%;
width: 600px;
margin: auto;
border: 1px solid RGBA(0,0,0,.4);
font-family: calibri, monospace;
}
.button{
width: 150px;
height: 32%;
background: #333;
border:1px solid white;
color: #e7e7e7;
font-weight: 600;
}
.content{
background: #f3f3f3;
width: 440px;
height: 23%;
margin-left: 155px;
border: 1px solid #e7e7e7
}
html{
width: 100%;
height: 100%;
display: flex;
}
body{
display: flex;
margin: auto;
}
This is my .js file:
var fs = require("fs");
describe("Filter function", () => {
let file;
beforeAll(() => {
file = fs.readFileSync("styles.css").toString();
file = file.replace(/ ? | | /g, "");
});
test("button's cursor should be pointer", () => {
expect(file).toMatch(/\.button{*[^}]*cursor:pointer;/);
});
test("button's desplay should be flex", () => {
expect(file).toMatch(/\.button{*[^}]*display:flex;/);
});
test("button's should be align center", () => {
expect(file).toMatch(/\.button{*[^}]*align-items:center;/);
});
test("button's content should be justify center", () => {
expect(file).toMatch(/\.button{*[^}]*justify-content:center;/);
});
test("content should display none", () => {
expect(file).toMatch(/\.content{*[^}]*display:none;/);
});
test("content position should be absolute", () => {
expect(file).toMatch(/\.content{*[^}]*position:absolute;/);
});
test("content items should be align center", () => {
expect(file).toMatch(/\.content{*[^}]*align-items:center;/);
});
test("content should be justify center", () => {
expect(file).toMatch(/\.content{*[^}]*justify-content:center;/);
});
test("button hover and focus should exists", () => {
expect(file).toMatch(/\.button:focus,\.button:hover{*[^}]*/);
});
test("button focus and content should exists", () => {
expect(file).toMatch(/\.button:focus\+\.content{*[^}]*/);
});
});
I can't change .js file ..this is hackerrank problem
index.html X 7 MyDocs X di Chat Microsoft TeX P Fresco Play Q Programming pro O File:///home/sravan/Desktop/Handson/HandsOn/solutions/menubar/index.html Home Contact About index.html X 7 MyDocs X di Chat Microsoft TeX P Fresco Play Q Programming pro O File:///home/sravan/Desktop/Handson/HandsOn/solutions/menubar/index.html Home Contact About
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help