nicolalampis / hackathon_ci Goto Github PK

Describe the bug
Background image not loading on live site

To Reproduce
Steps to reproduce the behavior:

1. Go to https://nicolalampis.github.io/hackathon_ci/
2. See error

Expected behavior
The clover leaf pattern background image should load on page load.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox

Describe the bug
INDEX.HTML H4 text elements not fully responsive and overflow the left and right edges.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://nicolalampis.github.io/hackathon_ci/index.html
2. Reduce the display size
3. See error

Expected behavior
The page elements should have enough room to 'breathe' at all display sizes

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser:

Describe the bug
INDEX.HTML fails W3 HTML Validator checks

Expected behavior
Code must pass the validator checks

Screenshots
Validation Error:

Code:

Additional context
Add any other context about the problem here.

Describe the bug
Overflow-x issue on smaller device sizes

To Reproduce
Steps to reproduce the behavior:

1. Go to https://nicolalampis.github.io/hackathon_ci/game.html
2. Click on the page
3. move the page left and right to see the page overflow

Expected behavior
The overflow-x should be hidden so the page is full width and can't be scrolled left and right

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox (DevTools)

Additional context
Add CSS styling to the affected class or element

margin: 0;
padding: 0px;
overflow-x: hidden;

Describe the bug
GAME.HTML fails W3 HTML Validator checks

Expected behavior
The code must pass teh validation checks

Screenshots

Code:

Describe the bug
On medium to large device sizes, there is a large white margin at the bottom of the game page

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox

Additional context
Div containing QUIT GAME and NEW GAME buttons has Boostrap MB-4 class adding the 24px bottom margin