From 0816b79c265c1f7f83312c3664cb1f0446ac90a1 Mon Sep 17 00:00:00 2001 From: efim Date: Wed, 28 Jun 2023 11:53:11 +0000 Subject: [PATCH] feat(12): styling mobile --- .../src/input.css | 4 + .../src/main/resources/templates/index.html | 97 +++++++++++++------ .../tailwind.config.js | 4 +- flake.nix | 1 + 4 files changed, 74 insertions(+), 32 deletions(-) diff --git a/12-order-summary-component-thymeleaf/src/input.css b/12-order-summary-component-thymeleaf/src/input.css index 55cc701..0a077a8 100644 --- a/12-order-summary-component-thymeleaf/src/input.css +++ b/12-order-summary-component-thymeleaf/src/input.css @@ -5,3 +5,7 @@ html { font-size: 16px; } + +/* div, p, button { */ +/* outline: 1px solid red; */ +/* } */ diff --git a/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html b/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html index a618370..b636ae9 100644 --- a/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html +++ b/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html @@ -1,39 +1,78 @@ - - - + + + + - - - + + + - Frontend Mentor | Order summary card + Frontend Mentor | Order summary card - - - - + + + + + +
+ +
+
+ +

Order Summary

- Order Summary +

+ You can now listen to millions of songs, audiobooks, and podcasts on + any device anywhere you like! +

- You can now listen to millions of songs, audiobooks, and podcasts on any - device anywhere you like! +
+ +
+

Annual Plan

+

$59.99/year

+
+ +
- Annual Plan - $59.99/year + + +
+
- Change - - Proceed to Payment - Cancel Order - -
- Challenge by Frontend Mentor. - Coded by Your Name Here. -
- +
+ Challenge by + Frontend Mentor. Coded by Your Name Here. +
+ diff --git a/12-order-summary-component-thymeleaf/tailwind.config.js b/12-order-summary-component-thymeleaf/tailwind.config.js index 80cf5cc..31d01a6 100644 --- a/12-order-summary-component-thymeleaf/tailwind.config.js +++ b/12-order-summary-component-thymeleaf/tailwind.config.js @@ -14,9 +14,7 @@ module.exports = { 'sans': ['Red Hat Display', 'sans-serif'], // This will set Roboto as the default sans font }, fontWeight: { - 'thin': 100, - 'normal': 400, - 'semibold': 600, + 'normal': 500, 'bold': 700, 'extrabold': 900, } diff --git a/flake.nix b/flake.nix index a1c413d..a886be6 100644 --- a/flake.nix +++ b/flake.nix @@ -22,6 +22,7 @@ pkgs.sbt pkgs.scalafmt pkgs.nodePackages.tailwindcss + pkgs.nodePackages.prettier pkgs.jdk ]; };