<commit_before>// ========================================
//  VARIABLES, MIXINS, & EXTENSIONS
// ========================================

// a. Variables
$sample-img: image-url('ramen.jpg');

// Grid setup
$restaurant-layout-grid: (
  columns: 1,
  gutter: 20px,
);

// Structural Classes
// ========================================

.restaurants-wrapper {
  @include grid-container;
  padding: 125px;
  color: white;
}

.restaurant-tab {
  height: 150px;
  background-position: center;
  background-color: rgba(88, 95, 107, 0.6);
  //filter: opacity(50%);
}

.restaurant-tab-container {
  @include grid-column(1, $restaurant-layout-grid);
  @include grid-collapse;
  margin-bottom: 2rem;
  text-align: center;
}

.restaurant-info {
  background-color: white;
  height: 400px;
}

// General Styling
// ========================================

.restaurant-name {
  font-size: 40px;
  padding-top: 20px;
}

.restaurant-info {
  color: black;
}

.navbar {
  text-align: center;
}

footer {
  text-align: center;
}

// Restaurant Specific Styling
// ========================================

#restaurant-1 {
    background-image: $sample-img;
}


<commit_msg>Add flex to container<commit_after>// ========================================
//  VARIABLES, MIXINS, & EXTENSIONS
// ========================================

// a. Variables
$sample-img: image-url('ramen.jpg');

// Grid setup
$restaurant-layout-grid: (
  columns: 1,
  gutter: 20px,
);

// Structural Classes
// ========================================

.restaurants-wrapper {
  @include grid-container;
  padding: 125px;
  color: white;
}

.restaurant-tab {
  height: 150px;
  background-position: center;
  background-color: rgba(88, 95, 107, 0.6);
  //filter: opacity(50%);
}

.restaurant-tab-container {
  @include grid-column(1, $restaurant-layout-grid);
  @include grid-collapse;
  margin-bottom: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.restaurant-info {
  background-color: white;
  padding: 20px;
}

// General Styling
// ========================================

.restaurant-name {
  font-size: 40px;
  padding-top: 20px;
}

.restaurant-info {
  color: black;
}

.navbar {
  text-align: center;
}

footer {
  text-align: center;
}

// Restaurant Specific Styling
// ========================================

#restaurant-1 {
    background-image: $sample-img;
}



{'fraction_non_alphanumeric': 0.30122517955217576, 'fraction_numerical': 0.024926066751161807, 'mean_word_length': 3.9643605870020964, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '808420', 'n_tokens_mistral': 885, 'n_tokens_neox': 774, 'n_words': 153}