<section class="section">
<div class="brand-discovery">
<div class="brand-discovery__cta">
<h2 class="brand-discovery__header">Who is LinkedIn for?</h2>
<h3 class="brand-discovery__subtitle">Anyone looking to navigate their professional life</h3>
<ul>
<li>
<a class="brand-discovery__button" data-tracking-control-name="homepage-basic_brand-discovery" data-tracking-will-navigate="" href="https://www.linkedin.com/people/search?trk=homepage-basic_brand-discovery">Find a coworker or classmate
<li-icon aria-hidden="true" type="chevron-right-icon" id="chevron-right-icon" class="background lazy-loaded"></li-icon>
</a>
</li>
<li>
<a class="brand-discovery__button" data-tracking-control-name="homepage-basic_brand-discovery" data-tracking-will-navigate="" href="https://www.linkedin.com/jobs/jobs-in-lovnic?trk=homepage-basic_brand-discovery">Find a new job
<li-icon aria-hidden="true" type="chevron-right-icon" id="chevron-right-icon" class="background lazy-loaded"></li-icon>
</a>
</li>
<li>
<a class="brand-discovery__button" target="_blank" rel="noopener" data-tracking-control-name="homepage-basic_brand-discovery" data-tracking-will-navigate="" href="https://www.linkedin.com/learning/search?trk=homepage-basic_brand-discovery">Find a course or training
<li-icon aria-hidden="true" type="chevron-right-icon" id="chevron-right-icon" class="background lazy-loaded"></li-icon>
</a>
</li>
</ul>
</div>
<img class="brand-discovery__image lazy-loaded" alt="Who is LinkedIn for?" src="https://static.licdn.com/sc/h/98b74mh9x8rnvy9asgyreiqj8">
</div>
</section>
URL: https://www.linkedin.com/
Browser / Version: Firefox Nightly 68.0a1 (2019-05-07)
Operating System: Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes
Problem type: Design is broken
Description: Elements are displayed overlapped
Steps to Reproduce:
1. Navigate to https://www.linkedin.com/
2. Scroll down the page.
3. Observe the layout.
Expected Behavior:
Elements are correctly displayed and functional (drop-down menus, buttons).
Actual Behavior:
Elements become overlapped.
Note
1. Not reproducible on Chrome 74.0.3729.136.
2. Also reproducible in RDM.
3. Screenshot attached.
Affected area:
Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan
@cipriansv
sv;
Browser Configuration
From webcompat.com with ❤️