Remove some padding around Katacoda to give it a little more space.

This commit is contained in:
Ben Hall
2017-01-12 09:04:54 +00:00
parent dbcb3ba860
commit 22fb75ff4d
7 changed files with 16 additions and 7 deletions
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Creating a Cluster
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<div class="katacoda"> <div class="katacoda">
<div class="katacoda__alert"> <div class="katacoda__alert">
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Deploying an App
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<br> <br>
<div class="katacoda"> <div class="katacoda">
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Exploring Your App
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<br> <br>
<div class="katacoda"> <div class="katacoda">
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Exposing Your App
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<div class="katacoda"> <div class="katacoda">
<div class="katacoda__alert"> <div class="katacoda__alert">
@@ -9883,12 +9883,21 @@ p a:hover
background: #f8f8f8; background: #f8f8f8;
} }
.content.katacoda-content {
padding: 0;
max-width: 100%;
}
.content.katacoda-content .btn-success {
margin-bottom: 50px;
}
.katacoda .katacoda
{ {
display: table; display: table;
width: 100%; width: 100%;
margin: 50px 0; margin: 0 0 50px 0;
} }
@media screen and (max-width: 762px) @media screen and (max-width: 762px)
{ {
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Scaling Your App
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<div class="katacoda"> <div class="katacoda">
<div class="katacoda__alert"> <div class="katacoda__alert">
@@ -13,7 +13,7 @@ title: Interactive Tutorial - Updating Your App
<div class="layout" id="top"> <div class="layout" id="top">
<main class="content"> <main class="content katacoda-content">
<div class="katacoda"> <div class="katacoda">
<div class="katacoda__alert"> <div class="katacoda__alert">