Skip to content

Commit

Permalink
.twoPanelSpread {
Browse files Browse the repository at this point in the history
  /*wrapper*/
  padding: 0px;
  background: url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/810MATRiX.webp)
    center repeat;
}

.row {
  /*stackablerows*/
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.panelColumn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  }

.leftColumn {
   background-color: #2470FF; 
  width:100%;
  overflow: auto;
}

.leftColumn img {
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.rightColumn {
  /* background-color: #c9ff23; */
}
.rightColumn img {
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
  • Loading branch information
ricoThaka authored Nov 30, 2024
1 parent 4badd97 commit 2f53e32
Showing 1 changed file with 11 additions and 14 deletions.
25 changes: 11 additions & 14 deletions _sass/jekyll-theme-leap-day.scss
Original file line number Diff line number Diff line change
Expand Up @@ -936,21 +936,18 @@ iframe {


.twoPanelSpread {
margin: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
/*wrapper*/
padding: 0px;
width: 100%;
background: url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/810MATRiX.webp)
center repeat;
}

.row {
/*stackablerows*/
border-radius: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex-wrap: wrap;
width: 100%;
}

Expand All @@ -959,18 +956,18 @@ iframe {
flex-direction: column;
flex-basis: 100%;
flex: 1;
overflow: hidden;
}
}

.leftColumn {
/* background-color: #2470FF; */
width: 100%;
background-color: #2470FF;
width:100%;
overflow: auto;
}

.leftColumn img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
display: flex;
justify-content: center;
align-items: center;
Expand All @@ -982,8 +979,8 @@ iframe {
}
.rightColumn img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
display: flex;
justify-content: center;
align-items: center;
Expand Down

0 comments on commit 2f53e32

Please sign in to comment.