computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
729 B
21 lines
729 B
2 years ago
|
---
|
||
|
|
export interface Props {
|
||
|
|
bestPracticeId: string;
|
||
|
|
}
|
||
|
|
---
|
||
|
|
|
||
|
|
<div class='mt-4 sm:mt-7 border-0 sm:border rounded-md mb-0 sm:-mb-[65px]'>
|
||
|
|
<!-- Desktop: Roadmap Resources - Alert -->
|
||
|
|
<div class='hidden sm:flex justify-between px-2 bg-white items-center rounded-md p-1.5'>
|
||
|
|
<p class='text-sm'>
|
||
|
|
<span class='text-yellow-900 bg-yellow-200 py-0.5 px-1 text-xs rounded-sm font-medium uppercase mr-0.5'>Tip</span>
|
||
|
|
Click the best practices for details and resources
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Mobile - Roadmap resources alert -->
|
||
|
|
<p class='block sm:hidden text-sm border border-yellow-500 text-yellow-700 rounded-md py-1.5 px-2 bg-white relative'>
|
||
|
|
Click the best practices for details and resources
|
||
|
|
</p>
|
||
|
|
</div>
|