From af83287e4fa2b0ec4c2fb4ec9a320d97cf58b5b2 Mon Sep 17 00:00:00 2001 From: Ayo Date: Sat, 5 Oct 2019 03:28:58 +0800 Subject: [PATCH] make yt embed responsive --- _posts/2019-10-04-google-firebase-overview.md | 6 ++++++ assets/main.scss | 18 ++++++++++++++++++ 2 files changed, 24 insertions(+) diff --git a/_posts/2019-10-04-google-firebase-overview.md b/_posts/2019-10-04-google-firebase-overview.md index ced5789..5623315 100644 --- a/_posts/2019-10-04-google-firebase-overview.md +++ b/_posts/2019-10-04-google-firebase-overview.md @@ -39,19 +39,25 @@ I want to make it clear that I am not paid in anyway to promote Google Firebase. In Firebase, authentication is a breeze with many (and I mean *many*) providers for logging in such as Facebook, Google, Twitter, and others. +
+
**2. Database** With **Cloud Firestore** as the database, flexibility and scaling is never a problem and you are always sure that your data is in sync across all your client apps --be it in mobile, web, or some server application. +
+
**3. Serverless Cloud Functions** **Cloud Functions** for Firebase let you run backend logic in response to events triggered by HTTPS requests or some other Firebase features, deployed in Google's cloud and fully managed environment. This frees us up from the responsibility of setting up, maintaining, and scaling our backend manually. +
+
**4. Low Cost** diff --git a/assets/main.scss b/assets/main.scss index 2965219..5ba1c64 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -498,3 +498,21 @@ table.image caption { font-size: small; font-style: italic; } + +.embed-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; +} + +.embed-container iframe, +.embed-container object, +.embed-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +}