Skip to content

Commit d756c5c

Browse files
Merge pull request #189 from AllThingsSmitty/feature_update
Small update
2 parents 3f99122 + 5a4195a commit d756c5c

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

README.md

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<p align="center">
1+
<div align="center">
22
<img src="./assets/img/bulb.svg" width="200" alt="light bulb icon">
3-
</p>
3+
</div>
44

55
# CSS Protips [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
66

@@ -51,7 +51,7 @@ A collection of tips to help take your CSS skills pro.
5151

5252
### Use a CSS Reset
5353

54-
CSS resets help enforce style consistency across different browsers with a clean slate for styling elements. You can use a CSS reset library like [Normalize](http://necolas.github.io/normalize.css/), _et al._, or you can use a more simplified reset approach:
54+
CSS resets help enforce style consistency across different browsers with a clean slate for styling elements. There are plenty of reset patterns to find, or you can use a more simplified reset approach:
5555

5656
```css
5757
*,
@@ -230,12 +230,12 @@ No, it's not black magic, you really can center elements vertically. You can do
230230
html,
231231
body {
232232
height: 100%;
233-
margin: 0;
234233
}
235234

236235
body {
237236
align-items: center;
238237
display: flex;
238+
justify-content: center;
239239
}
240240
```
241241

@@ -245,8 +245,7 @@ body {
245245
body {
246246
display: grid;
247247
height: 100vh;
248-
margin: 0;
249-
place-items: center center;
248+
place-items: center;
250249
}
251250
```
252251

@@ -270,7 +269,6 @@ img {
270269
}
271270
```
272271

273-
274272
Learn more about the `aspect-ratio` property in this [web.dev post](https://web.dev/articles/aspect-ratio).
275273

276274
#### [Demo](https://codepen.io/AllThingsSmitty/pen/MWxwoNx/)

0 commit comments

Comments
 (0)