diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.md index 4d395b07e01..51d36422daa 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.md @@ -50,10 +50,14 @@ assert.isTrue(document.querySelector('img').classList.contains('thick-green-bord Your image should have a border width of `10px`. ```js +// Note: to any future maintainers, the read width of the border is dependent on +// the zoom. For example we cannot match 10px exactly because if a campers set the zoom to 110% +// it will be read as 9~px. const image = document.querySelector('img'); const imageBorderTopWidth = window.getComputedStyle(image)["border-top-width"]; - -assert.strictEqual(imageBorderTopWidth, "10px") +const widthNumber = parseInt(imageBorderTopWidth); +assert.isAtLeast(widthNumber, 8); +assert.isAtMost(widthNumber, 12); ``` Your image should have a border style of `solid`.