Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Bug: The background of the main page of the website does not load in IE 11 and Safari 5.1

Open Beginner friendly
  • Is something wrong?
#2,355 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
70/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
css
Domain
frontend

Research direction

The main page background is controlled by CSS. Start by locating the stylesheet for the landing page, likely in the assets/css directory. Check for modern CSS features like flexbox, grid, or gradients that lack support in IE 11 and Safari 5.1, and add vendor prefixes or fallback values. Test the changes using BrowserStack or equivalent to confirm the background renders correctly in both browsers.

Written by the indexing model from the issue text.

Description

bug
Summary

Good afternoon!
The background of the main page of the website does not load in IE 11 and Safari 5.1.
Environment:
Yandex Browser 26.8.2.1064 (64-bit)
OS Windows 11 Pro
Browsers IE 11 and Safari 5.1, launched via https://www.browserstack.com/

Reproduction steps
1. Go to the website using the link https://www.browserstack.com/
2. Select the type of testing "Web Testing" - "Live"
3. Enter the website address in the search box "https://codebattle.hexlet.io /" and click the "Start test" button
4. Select the IE 11 browser, the Windows 10 device is selected by default
5. Click on the "Switch Browser" button
6. Select the Safari 5.1 browser
Expected result

In IE 11 and Safari 5.1 browsers, launched via https://www.browserstack.com/, the website was displayed correctly.

Image Image
Actual result

The background of the main page of the website does not load in IE 11 and Safari 5.1.

Browsers

No response

OS

Windows

Dominant language
Elixir
Stars
887
Forks
237
No merged PRs in 30d

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from hexlet-codebattle/codebattle

All issues in hexlet-codebattle/codebattle

Similar issues

More Elixir issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.