www.themaven.net - design is broken

[webcompat-bot]

URL: https://www.themaven.net/warriormaven

Browser / Version: Firefox 61.0
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Design is broken
Description: The icon is misplaced
Steps to Reproduce:

gfx.webrender.all: false
gfx.webrender.blob-images: 1
gfx.webrender.enabled: false
image.mem.shared: 1

From webcompat.com with ❤️

[softvision-sergiulogigan]

Adding width: 100%; to

<div class="left" style="width: 100%;">
	<div class="observable">
		<div class="sixByFive__3zmW9">
			<div class="cover">
				<a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw">
					<div class="picture__28iqY false picture">
						<div class="observable">
							<img class="" alt="" title="" width="688" height="512">
							</div>
						</div>
					</a>
				</div>
				<header>
					<a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw">
						<h1>Navy Virgina Attack Subs Will Fire Nuclear Warhead, Expand Mission</h1>
					</a>
					<h2>
						<div class="author-info">
							<span class="name">By 
								<!-- -->Warrior  Maven
							</span>
						</div>
						<div class="date">
							<a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw">
								<div class="message-time-ago">
									<time class="timeago" datetime="2018-03-23T03:26:48.785Z" title="2018-3-23 03:26:48">11 hrs</time>
								</div>
							</a>
						</div>
						<div class="tools">
							<div class="toolsMenu__1zgs3 toolsMenu">
								<button title="" class="btn conversationMenu button__2jHve">
									<i class="mdi mdi-dots-horizontal "></i>
								</button>
							</div>
						</div>
					</h2>
				</header>
			</div>
		</div>
	</div>

Will reveal the missing card, but without the background.

Nightly 61 on the left, Chrome on the right:

Tested on Windows 10 and Nightly 61.

[karlcow]

A lot of mixed content blocking in there:

 Navigated to https://www.themaven.net/warriormaven
13:48:47.644 Blocked loading mixed active content “http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://labpix.online/static/fonts/fontawesome-webfont.woff2?v=4.3.0”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://www.accessify.com/fonts/fontawesome-webfont.woff2?v=4.5.0”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2”[Learn More] warriormaven
13:48:47.645 Blocked loading mixed active content “http://netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3”[Learn More] warriormaven
13:48:47.646 Blocked loading mixed active content “http://steelthemes.com/demo/html/indusrty-press/assets/revolution/fonts/revicons/revicons.woff?5510888”[Learn More] warriormaven
13:48:47.646 Blocked loading mixed active content “http://steelthemes.com/demo/html/indusrty-press/fonts/fontawesome-webfont.woff2?v=4.5.0”[Learn More] warriormaven
13:48:47.646 Blocked loading mixed active content “http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2”[Learn More] warriormaven
13:48:47.647 Blocked loading mixed active content “http://steelthemes.com/demo/html/indusrty-press/fonts/flaticon/Flaticon.woff”[Learn More] warriormaven
13:48:59.333 Video gallery initializing gallery.js:477:5
13:48:59.397 AST library loaded: 0.14.0 ast.js:2:30723

[karlcow]

I do not see the ads in the screenshot.
@softvision-sergiulogigan can you still reproduce?

for the image missing

<div class="cover">
    <a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw">
        <div class="picture__28iqY loading picture"
            style="width:300px;height:250px;display:block">
            <div class="observable"><img style="padding-right:300px;padding-bottom:250px"
            
                    class=""
                    alt=""
                    title=""
                    width="300"
                    height="250"></div>
        </div>
    </a>
</div>

[karlcow]

Tempted to close as works for me

[softvision-sergiulogigan]

Seems like it was fixed