New article "Inspect and debug CSS container queries"

[mikehoffms]

Rendered article for review:

• Inspect and debug CSS container queries
  • \devtools\css\container-queries.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/css/container-queries?branch=pr-en-us-3860
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/debug-container-query/microsoft-edge/devtools/css/container-queries.md
  • Upstream: https://developer.chrome.com/docs/devtools/css/container-queries
  • Planned live: https://learn.microsoft.com/microsoft-edge/devtools/css/container-queries
  • New article.

AB#63043810

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit 1cb109c:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools/css/container-queries-images/dom-inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/dotted-line-box.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/name-only-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/style-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries.md	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit 19d52b8:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools/css/container-queries-images/dom-inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/dotted-line-box.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/name-only-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/style-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries.md	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit 7cec082:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools/css/container-queries-images/dom-inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/dotted-line-box.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/name-only-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/style-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries.md	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit 734eaf3:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools/css/container-queries-images/dom-inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/dotted-line-box.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-badge.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/inline-size-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/name-only-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries-images/style-container-query.png	✅Succeeded	View
microsoft-edge/devtools/css/container-queries.md	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.