|
2 | 2 | <div class="mt-4 w-full p-4 rounded-2xl bg-white"> |
3 | 3 | <img src="/images/window_buttons.png" alt="" width="36" height="8" /> |
4 | 4 | <div |
5 | | - class="py-10 px-5 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center" |
| 5 | + class="py-10 xs:px-5 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center" |
6 | 6 | > |
7 | 7 | <!-- desktop app --> |
8 | 8 | <div class="md:border-r md:pr-16"> |
9 | 9 | <div class="flex flex-nowrap"> |
10 | | - <img class="self-center" src="/images/desktop_download.svg" /> |
11 | | - <div class="self-center px-5 text-gray-700"> |
12 | | - <h2 class="font-semibold tracking-wide"> |
13 | | - Run on your machine |
14 | | - </h2> |
| 10 | + <div |
| 11 | + class="flex justify-center self-center bg-blue-200 w-[60px] h-[60px] rounded-xl" |
| 12 | + > |
| 13 | + <img class="w-6" src="/images/desktop_download.svg" /> |
| 14 | + </div> |
| 15 | + <div class="self-center pl-5 xs:px-5 text-gray-700"> |
| 16 | + <h2 class="font-semibold tracking-wide">Run on your machine</h2> |
15 | 17 | <h3>with Livebook Desktop</h3> |
16 | 18 | </div> |
17 | 19 | </div> |
@@ -42,9 +44,13 @@ <h3>with Livebook Desktop</h3> |
42 | 44 |
|
43 | 45 | <!-- Run on the Cloud --> |
44 | 46 | <div class="flex flex-col md:items-start md:ml-14 maxsm:mt-16"> |
45 | | - <div class="flex flex-nowrap min-w-[270px]"> |
46 | | - <img class="self-center" src="/images/run_on_cloud.png" /> |
47 | | - <div class="self-center px-5 text-gray-700"> |
| 47 | + <div class="flex flex-nowrap"> |
| 48 | + <div |
| 49 | + class="flex justify-center self-center bg-blue-200 w-[60px] h-[60px] rounded-xl" |
| 50 | + > |
| 51 | + <img class="w-6" src="/images/run_on_cloud.svg" /> |
| 52 | + </div> |
| 53 | + <div class="self-center pl-5 xs:px-5 text-gray-700"> |
48 | 54 | <h2 class="font-semibold tracking-wide">Run in the cloud</h2> |
49 | 55 | <h3>on select platforms</h3> |
50 | 56 | </div> |
|
0 commit comments