Responsive fixes
This commit is contained in:
@@ -15,7 +15,9 @@ class Header extends Component {
|
||||
<header className="bg-saburly-indigo">
|
||||
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
|
||||
<Link to="/">
|
||||
<img src={LogoSaburly} alt="Saburly Logo" className="max-w-xs" />
|
||||
<div className="max-w-xs mr-8">
|
||||
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
<div className="side-toggle">
|
||||
|
||||
@@ -45,7 +45,7 @@ class SideMenu extends Component {
|
||||
<div className="side-menu">
|
||||
<ul className="m-0 p-0 mt-4 side-navigation">
|
||||
<button
|
||||
className="text-white text-3xl mb-4 opacity-50 hover:opacity-100 px-2 side-close"
|
||||
className="text-white text-2xl mb-4 opacity-50 hover:opacity-100 px-2 side-close"
|
||||
onClick={this.close}
|
||||
>
|
||||
X
|
||||
|
||||
@@ -18,12 +18,12 @@ import LogoCoor from '../images/logo-coor-color.svg'
|
||||
const IndexPage = () => (
|
||||
<main>
|
||||
<section className="bg-saburly-indigo relative">
|
||||
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
|
||||
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse p-4">
|
||||
<div className="text-center lg:text-left lg:mt-4">
|
||||
<SectionIntro
|
||||
light
|
||||
intro="Welcome To Saburly"
|
||||
classes="lg:text-left content-center"
|
||||
classes="lg:text-left lg:max-w-xs content-center"
|
||||
headline="We build the right software for your needs"
|
||||
text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day."
|
||||
/>
|
||||
@@ -36,7 +36,7 @@ const IndexPage = () => (
|
||||
</div>
|
||||
<img
|
||||
src={ImgIntro}
|
||||
className="lg:-mt-4 z-10"
|
||||
className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
|
||||
alt="Software Development Agency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
21132
src/styles/index.css
21132
src/styles/index.css
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user