I have just completed my markdown previewer.
Link here: https://codepen.io/junlongk/pen/OJpEOgJ
Would love to have some feedback!
Also, everything seems to be working except that the size of the editor and preview becomes small after I clear the editor, and also the buttons overlap.
Is there any way to fix the size of the textarea?
I have tried to disable the textarea resize and setting a fixed and max height but it doesn’t work.
Thanks in advance!
I think your project looks good. Regarding your question, you currently have set the width and height of your
#preview elements to 100%. This is the reason why when you clear it, it becomes smaller. Instead of having it at 100%, use some fixed values such as 500px and then it should stay the same size, no matter whether there is any text inside it or not.
Also I noticed you did not implement responsive design for your project so it looks good on mobile devices as well. If you are looking for an additional challenge I recommend you to additionally work on responsive design of your project.
Thanks! I tried your suggestion and it worked!
And yes, I do realize my project is lacking on responsive design. Responsive design is something that I don’t quite understand fully yet, so I will spend some time reading up and hopefully I can implement into this project.
Thanks for your suggestion!
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.