Skip to content

Commit

Permalink
making it all nice and responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
dhonus committed Dec 28, 2023
1 parent 25fd138 commit ec827b7
Show file tree
Hide file tree
Showing 2 changed files with 52 additions and 9 deletions.
61 changes: 52 additions & 9 deletions assets/style.sass
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,13 @@ a
height: 7rem
width: 100%
gap: .5rem
vertical-align: middle
h3
font-size: 1.4rem
line-height: 1.4rem
margin: 1rem 0 0 0
padding: 0
align-self: center
.logo
height: 7rem
width: 7rem
Expand Down Expand Up @@ -143,6 +150,7 @@ div.recent-posts
color: $link
h2
margin: 0
font-size: 1.4rem

div.vertical
display: flex
Expand Down Expand Up @@ -254,11 +262,25 @@ div.recipe
border: 1px solid silver
p:first-of-type
margin-top: .3rem
h3
margin-bottom: 0
p:nth-of-type(2)
margin-top: .2rem
h3, h4
margin-bottom: 0
&.title
margin-top: 0

ul
margin: .6rem 0 0 0
padding: 0 0 0 .6rem
list-style-type: none
li
margin: .3rem 0
input
accent-color: #2a2926
ol
margin-top: 0
li
margin: .3rem 0

footer
margin: 1rem 0
Expand Down Expand Up @@ -301,12 +323,31 @@ article.split-me
body
main
width: 80%
article.content
div.meta
h1
font-size: 2.8rem
div.cover
div.wrapper
width: 75%
margin: auto
div.recent-posts div.article h2
font-size: 1.2rem

@media screen and (max-width: 1200px)
body
main
width: 90%
div.recipe
width: 95%
body
main
width: 90%
div.recipe
width: 95%
article.content
div.meta
h1
font-size: 2.5rem
div.cover
div.wrapper
width: 85%
margin: auto

@media screen and (max-width: 1000px)
body
Expand Down Expand Up @@ -336,12 +377,12 @@ article.split-me
height: 300px
article.split-me
flex-direction: column
section
padding: 0 .3rem
div.sidebar
border: none
div.sidebar-padding
padding: 0 1rem
div.recipe
width: auto
article.content
div.cover
div.wrapper
Expand All @@ -356,6 +397,8 @@ article.split-me
p
img
width: 75%
div.recent-posts div.article h2
font-size: revert

@media screen and ( max-width: 750px )
article.content
Expand Down
Binary file modified tofudreams.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit ec827b7

Please sign in to comment.