Assessment needed for " Writing Modes and Logical Properties" Task 3

MDN Learn
1

Hi, I would like an assessment for task 2 MDN assessment page of the following link

Thank you.

2

Welcome back @Honlim_Wong

Great job on writing the logical properties :tada: Those are correct.

You still left the “old” properties in your code (border-top: 5px solid rebeccapurple; etc.). As logical properties are meant to replace the “old” properties, you can delete the “old” properties in your code. When you delete the unnecessary properties, you will see that you can also get rid of padding-inline-start: 0;

.box {
  width: 150px;
  height: 150px;
  border-block-start: 5px solid rebeccapurple;
  border-inline-end: 5px solid grey;
  border-block-end: 5px dotted red;
  border-inline-start: 5px dotted blue;
  padding-block-start: 40px;
  margin-block-end: 30px;
}

That’s the whole magic of logical properties: You don’t need code for every writing mode. You write your code once and it will work for every writing mode :sunglasses:

Have a nice day!
Michael