Skip to content

Commit 9adf6b3

Browse files
committedJul 18, 2023
bugfix preview images x overflow
1 parent 6a7e066 commit 9adf6b3

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed
 

‎src/components/Preview.css

+6-6
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,14 @@
3434
font-family: var(--sans-serif);
3535
grid-area: preview;
3636
overflow-x: scroll;
37-
padding-left: 2rem;
37+
padding: 0 2rem;
3838
box-shadow: 1px 0.5rem 2rem 1px darkgray;
3939
}
40-
40+
/* fix images x overflow */
41+
#preview img {
42+
width: 100%;
43+
object-fit: cover;
44+
}
4145
/* markdown `---` translated to <hr/> */
4246
#preview hr {
4347
border: none;
@@ -49,8 +53,4 @@
4953
border: none;
5054
border-top-left-radius: var(--preview-div-br);
5155
}
52-
#preview {
53-
grid-column: 1;
54-
grid-row: 3;
55-
}
5656
}

‎src/slice.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const initialText = `# About Me
1010
1. **Work Break timer** [Live App](https://new-af.github.io/) \[[GitHub Repository](https://github.com/new-AF/react-redux-work-break-timer)\]
1111
2. **Product Page** [Live Page](https://new-af.github.io/)
1212
13-
## Some preview images of live apps
13+
## Images of live apps
1414
1. ![live app preview image](https://new-af.github.io/assets/1%20react%20redux%201%20work%20break%20timer.png)
1515
1616
2. ![live app preview image](https://new-af.github.io/assets/3%20html5%20css3%202%20product%20page.png)

0 commit comments

Comments
 (0)
Please sign in to comment.