SEE SCREEN SHOT!

URL of codelab
https://developer.android.com/codelabs/basic-android-kotlin-training-adaptive-layouts?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-kotlin-unit-3-pathway-5%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-training-adaptive-layouts#10

In which task and step of the codelab can this issue be found?

Describe the problem
There is an SDK path in the local.properties files that cause me issues until I change it to my SDK path.
sdk.dir=/Users/jtavva/Library/Android/sdk

Steps to reproduce?
Clone the adaptive layout repository, switch to the starter branch, and rebuild the project.
You will see an error that the SDK path cannot be found

Versions
Android Studio version: 2021.2.1
API version of the emulator:

Additional information
Include screenshots if they would be useful in clarifying the problem.

"You will use SlidingPaneLayou t to"

The t in Layout is slightly out of the formatting. I'd do a PR but didn't see the codelab in the repo.

on a small device, if you go to the details pane and rotate the device to landscape the back button takes you to the home screen. You can't go back to the list pane without restarting the app

It seems like the branch(starter) is already the solution code because the code that every steps ask me to do are done.

Error in "Before you begin" section

Url for starter app is not working while I am trying to open from Android Studio ():
Starter Code URL: https://github.com/google-developer-training/basic-android-kotlin-training-sports/tree/starter

This link from GitHub is working good instead:
https://github.com/google-developer-training/basic-android-kotlin-training-sports.git

Sports news details are not displayed while using the app in landscape mode in phone devices. Only the title image view is displayed.

Colours in the sports app do not display correctly in the dark mode in the Sports App.
The title colour does not change from black to white and appears invisible as the background colour is black too.

the first activity before this "Create a two pane layout" has a skip button only and has no option to learn.

I could not enter the first optional lesson "Create a two pane layout". There is only one option being displayed: "Skip"

This is the second started code with this error and I can't run it!! Why don't you put the rest of the import!?? This is is supposed to be a NEW project! Are they going to be doing this for projects Now?? I hope not!

Please tell me what it is so I can add it and move on!

See screenshot below!

https://github.com/open-learning-exchange/myplanet/blob/eac970eb9a86eddb2c80a43aac660499bc04bdae/app/src/main/java/org/ole/planet/myplanet/ui/chat/ChatHistoryListFragment.kt

https://github.com/open-learning-exchange/myplanet/blob/chatHistory/app/src/main/java/org/ole/planet/myplanet/ui/chat/ChatDetailFragment.kt

I want to recreate these fragments ChatHistoryListFragment and ChatDetailFragment which are connected using the slidingPaneLayout on this button click newChat.

I have tried this methods but it does not seem to work. Is the slidingPaneLayout blocking them? Is there a function I can create for workaround for this?

//1
fragmentChatHistoryListBinding.newChat.setOnClickListener {
            val newFragment = ChatHistoryListFragment()
            requireActivity().supportFragmentManager.beginTransaction()
                .replace(R.id.fragment_container, newFragment)
                .addToBackStack(null)
                .commit()
}

//2
fragmentChatHistoryListBinding.newChat.setOnClickListener {
    val chatDetailFragment = requireActivity().supportFragmentManager.findFragmentById(R.id.details_container) as? ChatDetailFragment
    chatDetailFragment?.resetChatDetail()
}

//created function in ChatDetailFragment to clear my recyclerview
fun resetChatDetail() {
    mAdapter.clearData()
}

here is a screenshot of my layout