Fundamentals of CSS -> Learn CSS: Selectors and Visual Rules -> Olivia Woodruff Portfolio, Interface issue

Summery of the report: Within this and all end of lesson projects before, whenever there is a large amount of text to type and the lesson provides the text, I am unable to select the text by clicking and dragging. It only happens with steps that have the text within a HTML <code> tag. What happens is I am able to drag and select text, but on mouse-up, the highlight goes away and the step is toggled complete/not complete. I am unable to select the text from those elements, which makes me unable to copy the text to paste into my project.

**Course URL:**https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-selectors-and-visual-rules-0507dd23-134e-4011-af2c-a06b06ad53f2/projects/css-visual-rules-project

Steps to Reproduce:

  1. In lesson, find step that have text to copy within a <code> tag element.
  2. Try to highlight text to copy.

Fix or Workaround:
I have resorted to inspecting the element to copy in the dev tools and copying it from there, which can be a pain as they are nested within <span> tags.

Please attach screenshots
The image shows the section(s) I am talking about.

(This has happened in both the HTML and CSS sections so far).