Good First issue.

can i take this issue ?

Can this be assigned to me

@ashok-2003 You could work on this

I think this might break on smaller screens. Should we consider allowing the code to wrap into multiple lines to accommodate the full command? @vr-varad

ur call make a pr with this and lets see what can be done next

sure :)

how this looks to you ? @vr-varad ,

it would be good if u open the pr to review what changes u made @ashok-2003

@LibenHailu, we don't need this line-wrapped. Sticking with one line is ideal. It's ok if the overflow isn't visible. The scrollbar height can be cut in half and/or removed instead.

Hi @leecalcote, I am having an issue with my laptop It is crashing when I try to run the project, I think the behavior is on chrome, It looks good on firefox, I think the behavior emerges from Highlight component, maybe @ashok-2003 have you tried it with the default props if it looks good we can stick to that, it should look something like this
import Highlight, { defaultProps } from "prism-react-renderer"; <Highlight {...defaultProps} theme={theme} code={code} language="jsx">

Hey @LibenHailu, for the issue you're facing, you might want to check the Slack conversation — it could be helpful. Also, thanks for your suggestion! I'll try implementing it and let you know how it goes.

Thank you @ashok-2003!