ID selector detected; prefer class selectors for reusability and lower specificity
html, body, #editor {
1html, body, #editor {2 margin: 0;3 height: 100%;4 font-family: 'Helvetica Neue', Arial, sans-serif;5 color: #333;6}78textarea, #editor div {9 display: inline-block;10 width: 49%;11 height: 100%;12 vertical-align: top;13 -webkit-box-sizing: border-box;14 -moz-box-sizing: border-box;15 box-sizing: border-box;16 padding: 0 20px;17}1819textarea {20 border: none;21 border-right: 1px solid #ccc;22 resize: none;23 outline: none;24 background-color: #f6f6f6;25 font-size: 14px;26 font-family: 'Monaco', courier, monospace;27 padding: 20px;28}2930code {31 color: #f66;32}
Code quality findings 8
ID selector detected; prefer class selectors for reusability and lower specificity
textarea, #editor div {
Unnecessary vendor prefix detected; verify if modern browsers require it or use autoprefixer
-webkit-box-sizing: border-box;
Unnecessary vendor prefix detected; verify if modern browsers require it or use autoprefixer
-moz-box-sizing: border-box;
Absolute units detected; prefer relative units (e.g., rem, em, %) for responsive design
padding: 0 20px;
Absolute units detected; prefer relative units (e.g., rem, em, %) for responsive design
border-right: 1px solid #ccc;
Absolute units detected; prefer relative units (e.g., rem, em, %) for responsive design
font-size: 14px;
Absolute units detected; prefer relative units (e.g., rem, em, %) for responsive design
padding: 20px;