Laravel table in a form

I have this site with a form in it. Here I ask the user for her/hes language skills.

First I builded it like a list:

      <div class="col-md-3">
        <ul class="list-unstyled" id="request_profile_languages">
          @isset($requestProfile)
            @foreach($requestProfile->languages as $index=>$requestProfileLanguage)
              <li>
                <select  class="form-control form-select" id="request_profile_language_" name="request_profile_language_" placeholder="Language">
                  @foreach($languages as $r=>$language)
                    <option  value="" ></option>
                  @endforeach
                </select>
              </li>
            @endforeach
          @else
            <li>
              <select  class="form-control form-select" id="request_profile_language_0" name="request_profile_language_0" placeholder="Language">
                @foreach($languages as $r=>$language)
                  <option  value="" ></option>
                @endforeach
              </select>
            </li>
          @endisset
        </ul>
      </div>

There are more divs with language level and language remove.

The problem is on site, when I minimize the browser, it looks like this: Language List

I want a table replacing this list. What am I suppose to do?

Thanks!

via Chebli Mohamed