I have currently ran into another issue while trying to fix my horizontal scrolling on this app screen. I had a [previous question and error that I presented on StackOverflow](https://stackoverflow.com/questions/71246184/trying-to-fix-bottom-overflow-with-flutter-layout) which got answered about an overflow issue I was having. The solution was to add a scroll which fixed the issue, but created a new issue. So is there anyway to take my current code presented below or the code in the [previous question](https://stackoverflow.com/questions/71246184/trying-to-fix-bottom-overflow-with-flutter-layout) to fix the issue seen in the pictures I submitted below? Thank you for all your help!

Edit: The images I provided show the scrolling going past the intended point. The ListTiles shouldn't go behind the other Containers as a background. They should just vanish when hitting the top of the blue section.
The app is meant to be used in a vertical view, but this section of code I would also like to work in a horizontal view. I had to create the scroll so that the page wouldn't overflow with pixels, but now it causes the ListTiles to display behind the question and Example sections when you scroll up. Is there a way to get the ListTiles to keep vertically scrolling so it works properly for both vertical and horizontal phone orientations.

[![Image of my horizontal scrolling before any scrolling](https://i.stack.imgur.com/rFfjE.jpg)](https://i.stack.imgur.com/rFfjE.jpg)

[![Image of my horizontal scrolling after scrolling](https://i.stack.imgur.com/YRO4g.jpg)](https://i.stack.imgur.com/YRO4g.jpg)

**Current Code quiz.dart**

```dart
class Salvation extends StatefulWidget {
  const Salvation({Key? key}) : super(key: key);

  @override
  State<Salvation> createState() => _SalvationState();
}

class _SalvationState extends State<Salvation> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Quiz')),
      body: LayoutBuilder(
        builder: (BuildContext context, BoxConstraints constraints) {
          return Column(
            children: [
              Container(
                  height: constraints.maxHeight / 4,
                  child: Padding(
                      padding: EdgeInsets.fromLTRB(12, 12, 12, 8),
                      child: Align(
                        alignment: Alignment.topLeft,
                        child: Text('Question',
                            style: TextStyle(
                              fontSize: 20.0,
                            )),
                      ))),
              Visibility(
                // visible: ,
                child: Container(
                  height: constraints.maxHeight / 4,
                  child: Padding(
                    padding: EdgeInsets.fromLTRB(12, 3, 12, 6),
                    child: Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(10),
                          color: Color.fromRGBO(118, 60, 51, 0.5),
                        ),
                        width: double.infinity,
                        child: Padding(
                          padding: EdgeInsets.fromLTRB(12, 8, 12, 8),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text('Example/Image Box',
                                  style: TextStyle(
                                    fontSize: 17.0,
                                  )),
                              // RichText(text: text)
                              Text('Hello there',
                                  style: TextStyle(
                                    fontSize: 15.0,
                                  )),
                            ],
                          ),
                        )),
                  ),
                ),
              ),
              Container(
                height: constraints.maxHeight / 2,
                color: const Color.fromRGBO(155, 205, 255, 0.8),
                child: Padding(
                    padding: const EdgeInsets.fromLTRB(12, 12, 12, 20),
                    child: ListView(children: [
                        Padding(
                          padding: EdgeInsets.fromLTRB(0, 0, 0, 6),
                          child: ListTile(
                            title: Text('Option A'),
                            tileColor: const Color.fromRGBO(6, 145, 248, 1),
                            shape: RoundedRectangleBorder(
                                side: const BorderSide(
                                    color: Colors.black, width: 10),
                                borderRadius: BorderRadius.circular(5)),
                            onTap: () {},
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.fromLTRB(0, 0, 0, 6),
                          child: ListTile(
                            title: Text('Option B'),
                            tileColor: const Color.fromRGBO(6, 145, 248, 1),
                            shape: RoundedRectangleBorder(
                                side: const BorderSide(
                                    color: Colors.black, width: 10),
                                borderRadius: BorderRadius.circular(5)),
                            onTap: () {},
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.fromLTRB(0, 0, 0, 6),
                          child: ListTile(
                            title: Text('Option C'),
                            tileColor: const Color.fromRGBO(6, 145, 248, 1),
                            shape: RoundedRectangleBorder(
                                side: const BorderSide(
                                    color: Colors.black, width: 10),
                                borderRadius: BorderRadius.circular(5)),
                            onTap: () {},
                            onLongPress: () {},
                          ),
                        ),
                        Padding(
                          padding: EdgeInsets.fromLTRB(0, 0, 0, 6),
                          child: ListTile(
                            title: Text('Option D'),
                            tileColor: const Color.fromRGBO(6, 145, 248, 1),
                            shape: RoundedRectangleBorder(
                                side: const BorderSide(
                                    color: Colors.black, width: 10),
                                borderRadius: BorderRadius.circular(5)),
                            onTap: () {},
                          ),
                        ),
                      ]),
                    )),

            ],
          );
        },
      ),
    );
  }
}

```