CSSBattle 1.3: Push Button Solution

1<div class="rect"></div>
2<div class="circle"></div>
3
4<style>
5 body {
6 background: #6592cf;
7 margin: 0;
8 }
9 div {
10 position: absolute;
11 top: 50%;
12 left: 50%;
13 transform: translate(-50%, -50%);
14 }
15 .rect {
16 height: 50vh;
17 width: 75vw;
18 background: #243d83;
19 }
20 .circle {
21 height: 3.12rem;
22 width: 3.12rem;
23 background-color: #eeb850;
24 border-radius: 50%;
25 box-shadow: 0 0 0 3.12rem #243d83, 0 0 0 6.24rem #6592cf;
26 }
27</style>

Comments

Loading comments...

Tags

cssbattle

css

Apply and earn a $2,500 bonus once you're hired on your first job!

Clients from the Fortune 500 to Silicon Valley startups

Choose your own rate, get paid on time

From hourly, part-time, to full-time positions

Flexible remote working environment

A lot of open JavaScript jobs!!

Fact corner: Referred talent are 5x more likely to pass the Toptal screening process than the average applicant.

Still hesitate? Read HoningJS author's guide on dealing with Toptal interview process.

Next Post

LeetCode: Longest Consecutive Sequence

Jun 7, 2021

Previous Post

HoningJS

Search Posts