Испытание 2. Как угадывать отступы?

Спасибо за поддержку.
Дело не в том что возникли трудности.
Понятно что у новичков каша в голове.
Хотелось бы понять логику выполнения задания. Этого и других.
Как начать думать чтобы додуматься.
Как написал человек выше:

Не могу понять, как надо мыслить:)

Задавайте вопросы, тогда поймете)

А сейчас мне стоит идти на базовый интенсив или пока поработать с курсами ?

Всё зависит от того, как вы оцениваете свои силы. Хотя работа с наставником безусловно была бы полезна в любом случае.

Спасибо.

Добрый день, помогите плз!

Осталась одна попытка, я в панике )
Несколько столбцов встают как влитые, а остальные гуляют как кошка весной

Прочитала что надо убрать левый-правый padding у флагов, но padding-left: 0px у меня работает, а на команду padding-right не реагирует вообще.

Что делать?



    
       2 испытание: медальный зачет
       
    
    
        

Медальный зачет

1 Германия 7 3 2 12
2 Нидерланды 5 5 7 17
3 Норвегия 5 3 6 14
4 Швейцария 5 1 1 7
5 Россия 4 7 5 16

.number {
color: #999999;
text-align: center;
font-style: italic;
}

.flag {
padding-left: 0px;
}

.country {
padding-left: 0px;
padding-right: 15px;
}

.gray {
background-color: #eeeeee;
}

.bold {
font-weight: bold;
}

html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:16px;
}
h1{
padding:0 20px;
margin:0;
margin-top:20px;
font-size:18px;
font-weight:normal;
}

table {
width: 100%;
border-collapse: collapse;
}

td {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

А почему текстом вы скинули один вариант css-кода, а на картинке я вижу совсем другой?
Какой из двух вариантов вы хотите использовать?

Прошу прощения, запуталась в скриншотах. Картинку заменила, актуальным является текстовый вариант (он же сейчас должен быть и на картинке).

Уберите:
общую ширину для таблицы,
padding-right у .country.
Для последнего столбца сделайте выравнивание текста по правому краю.

Спасибо! 92% )

Должно было быть 100%… Вы что-то не сделали.

Из того, что вы посоветовали - сделала и то и другое.

.number {
color: #999999;
text-align: center;
font-style: italic;
}

.flag {
padding-left: 0px;
}

.country {
padding-left: 0px;
padding-right: 15px;
}

.gray {
background-color: #eeeeee;
}

.bold {
font-weight: bold;
text-align: right;
}

html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:16px;
}
h1{
padding:0 20px;
margin:0;
margin-top:20px;
font-size:18px;
font-weight:normal;
}

table {
border-collapse: collapse;
}

td {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

Нет, отступ справа не убрали, как просила.

Ой, и правда.
100%, огромное спасибо!

есть чудо линейка, называется экранная - mySize

И куда должна вести ваша ссылка?..

Помогите подобрать отступы!!! перепробовала миллион вариантов!!! сил нет подбирать уже(((((

html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:16px;
}
h1{
padding:0 20px;
margin:0;
margin-top:20px;
font-size:18px;
font-weight:normal;
}
/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/
table {
border-collapse:collapse;
}

table{
border-collapse: collapse;
}

td{
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
padding-left:20px;
}
tr:nth-child(2n){
background: #eeeeee;
}
td:nth-child(1){
color: #999999;
font-style: italic;
}
td:nth-child(2){
padding-right:0px;
padding-left:0px;
}
td:nth-child(4), td:nth-child(5), td:nth-child(6) {
width:100px;
text-align:right;
}

td:nth-child(7){
text-align: right;
font-weight: bold;
}

HTML-код нужен мне. Без него не смогу понять, как вы шапку таблицы сделали.

спасибо за помощь, буду очень признательна!!! так как не могу победить код


    
       2 испытание: медальный зачет
       
    
    
        

Медальный зачет

1 Германия 7 3 2 12
2 Нидерланды 5 5 7 17
3 Норвегия 5 3 6 14
4 Швейцария 5 1 1 7
5 Россия 4 7 5 16

Не видно. Воспользуетесь кнопкой </>