Skip to content

Commit 1d16e86

Browse files
committed
Fix: broken links
1 parent acbea22 commit 1d16e86

File tree

9 files changed

+9
-9
lines changed

9 files changed

+9
-9
lines changed

docs/css/backgrounds/background-image/background-attachment.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ p {
118118

119119
Now, you can see the output of the above code in the Browser Window like this:
120120

121-
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/assets/jpeg-image.jpg')", color: "#fff", padding: "20px", minHeight: "200px", textAlign:"center", backgroundAttachment:"fixed" }}>
121+
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/tutorial/assets/jpeg-image.jpg')", color: "#fff", padding: "20px", minHeight: "200px", textAlign:"center", backgroundAttachment:"fixed" }}>
122122
<>
123123
<h1 style={{ fontSize: "2em", marginBottom: "0" }}>Fixed Background Image</h1>
124124
<p style={{ fontSize: "1.2em", marginTop: "0" }}>This is a div with a fixed background image.</p>

docs/css/backgrounds/background-image/background-position.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ Place an image file named `jpeg-image.jpg` in the `assets` directory of your pro
130130
Open the `index.html` file in a web browser to see the output. You will see a `<div>` element with a background image positioned at the top right corner of the background area.
131131

132132
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ minHeight: "200px"}}>
133-
<div style={{ backgroundImage: "url('/assets/jpeg-image.jpg')", backgroundPosition: "top right", height: "200px", width: "400px", border: "1px solid #333", backgroundSize: "cover", color:"#fff" }}>
133+
<div style={{ backgroundImage: "url('/tutorial/assets/jpeg-image.jpg')", backgroundPosition: "top right", height: "200px", width: "400px", border: "1px solid #333", backgroundSize: "cover", color:"#fff" }}>
134134
<p style={{ padding: "10px" }}>
135135
This is a div with a background image positioned at the top right corner.
136136
</p>

docs/css/backgrounds/background-image/background-repeat.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ p {
122122

123123
Now, you can see the output of the above code in the Browser Window like this:
124124

125-
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/assets/jpeg-image.jpg')", padding: "20px", minHeight: "200px", textAlign:"center", backgroundRepeat:"repeat-x", backgroundSize:"cover" }}>
125+
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/tutorial/assets/jpeg-image.jpg')", padding: "20px", minHeight: "200px", textAlign:"center", backgroundRepeat:"repeat-x", backgroundSize:"cover" }}>
126126
<p style={{ color: "white", fontSize: "1.5rem" }}>
127127
This is a div with a background image that repeats horizontally and scales to cover the background area.
128128
</p>

docs/css/backgrounds/background-image/background-size.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ div {
119119

120120
Now, you can see the output of the above code in the Browser Window like this:
121121

122-
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/assets/jpeg-image.jpg')", color: "#fff", padding: "20px", minHeight: "200px", textAlign:"center", backgroundSize:"cover" }}>
122+
<BrowserWindow url="http://127.0.0.1:5500/index.html" bodyStyle={{ backgroundImage: "url('/tutorial/assets/jpeg-image.jpg')", color: "#fff", padding: "20px", minHeight: "200px", textAlign:"center", backgroundSize:"cover" }}>
123123
<p>
124124
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac felis sit
125125
amet nunc ultrices ultricies. Nullam nec nunc nec nunc ultrices ultricies.

docs/css/box-model/margin-callapse.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ keywords:
88
- margin collapse
99
- css box model
1010
- css box model margin collapse
11-
description: Learn how CSS margin collapse works and how to prevent it in your web page layout.
11+
description: "Learn how CSS margin collapse works and how to prevent it in your web page layout."
1212
tags:
1313
- css
1414
- margin collapse
@@ -74,7 +74,7 @@ By using these techniques, you can prevent margin collapse and control the spaci
7474
<AdsComponent />
7575

7676
:::note Try it yourself
77-
Compare this snippet from [CSS Width and Height](/docs/css/box-model/width-height) to learn how to use the CSS `width` and `height` properties to control the dimensions of elements in your web page layout.
77+
Compare this snippet from [CSS Width and Height](/tutorial/css/box-model/width-height) to learn how to use the CSS `width` and `height` properties to control the dimensions of elements in your web page layout.
7878
:::
7979

8080
## Example for Margin Collapse

docs/css/box-model/min-width-height.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ By using the `min-width` and `min-height` properties, you can ensure that elemen
8181
<AdsComponent />
8282

8383
:::info Additional Information
84-
Compare this snippet from [CSS Width and Height](/docs/css/box-model/width-height) to learn how to use the CSS `width` and `height` properties to control the dimensions of elements in your web page layout.
84+
Compare this snippet from [CSS Width and Height](/tutorial/css/box-model/width-height) to learn how to use the CSS `width` and `height` properties to control the dimensions of elements in your web page layout.
8585
:::
8686

8787
## Example for `min-width` and `min-height`

docs/css/colors/hsla.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ In the example above, HSLA color values are used to specify the colors of the `<
135135

136136
By using HSLA color values, you can enhance the visual appearance of your web designs and create engaging color schemes with varying levels of transparency. HSLA color values provide a flexible way to specify colors based on hue, saturation, lightness, and alpha values, allowing you to create unique color effects and visually appealing designs in your web projects.
137137

138-
If you want to learn more about CSS colors, you can check out our [CSS Colors](/docs/category/colors) guide for additional information on color models, color functions, and color formats in CSS.
138+
If you want to learn more about CSS colors, you can check out our [CSS Colors](/tutorial/category/colors) guide for additional information on color models, color functions, and color formats in CSS.
139139

140140
## Conclusion
141141

docs/css/opacity.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,7 @@ By using the `opacity` property in CSS, you can create various visual effects on
192192

193193
:::note Try it yourself
194194

195-
Compare this snippet from [CSS Box Model](/docs/category/box-model) to learn how to use the CSS box model to control the layout and spacing of elements on your web page.
195+
Compare this snippet from [CSS Box Model](/tutorial/category/box-model) to learn how to use the CSS box model to control the layout and spacing of elements on your web page.
196196

197197
:::
198198

static/assets/jpeg-image.jpg

94.5 KB
Loading

0 commit comments

Comments
 (0)