當瀏覽器被最小化時，Circle divs的重新定位

Question

爲客戶端工作並且遇到問題。

當瀏覽器最大化時，圓圈按正確順序排列：天，小時，分鐘，秒。但是，當我縮小瀏覽器的圈子重新定位併成爲秒，分鐘，小時，天。

該網站可以在這裏找到：http://freelancing.io/

的HTML源代碼可以在網站上找到。 更有組織的CSS版本可以在這裏找到：https://gist.github.com/jackdempsey/2b8cc3c30207e9043754

請幫忙嗎？

Answer 1

您正在使用響應式設計，它可以動態更改給定瀏覽器窗口大小的活動CSS規則。

當它收縮你的社交圈CSS規則becames：

#coming_soon .count .box { 
    float: none; 
    display: inline-block; 
} 

只是刪除或註釋float: none;規則，以便它可以浮動的權利，並恢復正確的順序。