Алексей Юдов

Градиентный фон контейнера и флекс бокс ) Все просто...

Z-index не помогает?

<div class="container">
	
<div class="black-block">
	
	<div class="white-block">
		
	</div>

</div>
</div>

.black-block{
	background-color: rgba(0,0,0,.95);
	width: 180px;
	height: 300px;
	position: relative; /* ВАЖНО */
	display: block; 
}

.white-block{
	background-color: rgba(255, 255, 255, .95);
	width: 180px;
	height: 180px;
	position: absolute;
bottom: 0;
	right: 0;
	border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

пропустили двоеточие после свойства контент
Добавьте свойство display: block;

Может сработать
.img-class{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url('my image.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

У нас есть поле ввода e-mail.
По нажатию кнопки обрабатываем полученную строку :
1. Создаем массив в котором будем хранить названия наших e-mail-ов:
mails[" gmail.com "," mail.ru "," bk.ru "," rumbler.ru "]
2. Берем все символы после @. В этом нам поможет ф-я split("символ после которого строка разбивается на две строки"). Эта ф-я возвращает массив из строк.
3. Сравниваем полученный результат с элементами нашего массива

В самой просто реализации будет так:

window.onload = function () {
    var str = prompt();
    locateUser(str);
};

***

function locateUser(email) {
    var mails = ["gmail.com", "mail.ru"];
    var res = email.split("@");
    for(var i = 0; i < mails.length; i++){
        if(res[1] == mails[i]){
            return location.href = "https://" + mails[i];
        }
    }
}

Для блока, содержащего отзывы, сделайте правильную структуру и тогда при написании CSS кода все выстроится как нужно. И в любом случае у главного контейнера будут такие св-ва :

.main-container{
  width: 90%;   // Это к примеру
  height: auto;   // Можно не писать, это свойство всегда auto
  overflow: auto;
}

К примеру о структуре контейнера. Я бы делал что-то подобное.

<div class="main-container"> <!-- Блок содержащий все отзывы -->

  <div class="review-container">  <!-- Отдельный отзыв с данными -->
    <div class="reviewer-name"> Alex </div>
    <div class="review-text"> Something review text </div>
    <div class="review-date"> 28.10.2017 </div>
  </div>

</div>

... но на вашем месте я бы подумал о том, что стоит все таки при клике на кнопку выгружать отзывы на страницу. Это сэкономит время загрузки и трафик например, также ускорит загрузку всей страницы в целом

Что значит как понимает? Вы сделали два раза одно и тоже.
Просто в начале Вы сказали что Counter() - это функция, а когда сделали так var counter = makeCounter(); - Вы сказали, что переменная counter - это функция, у которой есть свойство currentCounter
Я бы сделал так: ( хотя не совсем понял, что Вы тут пытаетесь сделать )

function setCounter ( Number ){
        CurrentCounter = Number;
    	Number++;
    	return CurrentCounter;
    }

    alert( setCounter( 5 ) );  // 5

..., но это сработает, если я понял что Вы пытались сделать.