Html Css网格，调整内容：结束，不'；我的代码不起作用

让我暴露我的问题，这样我就能够想出如何创建一个带有媒体查询的响应网页，我有一个用于计算机屏幕类型的模板，它几乎可以完美地工作。问题是，我想创建一个移动版本，我能够理解这个概念并创建基础，但是我有一个主要问题。 我有一个名为

statistiquesRight

的div，它在我的电脑版本中显示得很好，但在我的手机版本中，当我试图向下推元素时，

margin top 20%

元素会将每个元素推到顶部（我想是为了适应屏幕的portview）。但我希望他们被修复。。。我试图在

gridFirstTP

中添加

justify content:end

，这是我创建网格的div。。但那没用，有人向我解释这个概念或问题吗

。。不要注意某些div类名，有时我只是不知道如何命名它们

@介质（最大宽度：480px）{
* {
边际：0px；
填充：0px；
边界：0px；
}
.第一个tp{
背景：rgb（254、122、255）；
背景：线性梯度(
96度，
rgba（254、122、255、1）0%，
rgba（55154237,1）67%
);
}
：-webkit滚动条{
显示：无；
}
.gridFirstTP{
显示：网格；
论证内容：结束；
网格模板列：1fr 2fr；
网格模板行：自动；
高度：100vh；
}
.imageBTN{
宽度：94%；
利润率最高：0%；
盒影：7px 9px 14px rgba（41,41,41,0.651）；
边界半径：50%；
}
兰登巴顿先生{
网格柱：1/3；
网格行：2/2；
自我辩护：中心；
}
.头部警戒{
网格柱：1/3；
网格行：1/1；
文本对齐：居中；
字体大小：106%；
字号：700；
利润率最高：3.5%；
}
乌斯林普特先生{
网格柱：1/3；
网格行：3/3；
自我辩护：中心；
利润率最高：-10%；
}
#输入Prenom{
身高：23%；
宽度：118%；
左边缘：-10%；
盒影：3px7px10pxRGBA（0,0,0,0.445）；
}
#输入名称{
身高：23%；
宽度：118%；
左边缘：-10%；
盒影：3px7px10pxRGBA（0,0,0,0.445）；
}
#输入电子邮件{
身高：23%；
宽度：118%；
左边缘：-10%；
盒影：3px7px10pxRGBA（0,0,0,0.445）；
}
#波普科{
网格柱：1/3；
网格行：2/2；
显示：无；
自我辩护：中心；
身高：200%；
宽度：1000%；
背景色：rgba（231,74,26,0.479）；
边界半径：4%；
}
#pop1{
显示：网格；
证明内容：中心；
字体大小：150%；
利润率最高：2%；
}
#pop2{
显示：网格；
证明内容：中心；
字体大小：120%；
利润率最高：8%；
}
上校，第二{
显示：网格；
论证内容：结束；
网格模板列：1fr 2fr；
网格模板行：自动；
}
.统计问题权利{
利润率最高：10%；
网格柱：1/3；
网格行：4/4；
背景：rgb（105177239）；
背景：线性梯度(
21度，
rgba（105177239,1）0%，
rgba（235、119、238、1）83%
);
盒影：-6px 0px 15px-4px；
}
boxStatsa先生{
左缘：2.5%；
}
.articleStatsb{
利润率最高：7.5%；
显示：内联块；
字体大小：135%；
}
.rightstats{
利润率最高：3.44%；
文本对齐：居中；
}
.Blogtwos{
背景：rgb（48,150,28）；
}
.说明页{
显示：网格；
网格模板柱：1fr 1fr；
网格模板行：自动；
论证内容：结束；
高度：100vh；
}
.ImageBlogB{
网格柱：1/3；
网格行：2/2；
显示：网格；
}
.图像块{
自我辩护：中心；
宽度：50%；
}
德斯卡彭先生{
网格柱：13/3；
网格行：2/2；
利润率最高：30%；
宽度：100%；
文本对齐：居中；
}
.说明B{
网格柱：1/3；
网格行：3/3；
宽度：100%；
字号：126%；
文本阴影：4px 4px 13px黑色；
}
德斯卡普托先生{
自我辩护：中心；
网格柱：1/3；
网格行：4/4；
宽度：100%；
字号：126%；
文本阴影：4px 4px 13px黑色；
}
德斯卡普里先生{
自我辩护：中心；
网格柱：1/3；
网格行：5/5；
宽度：100%；
字号：126%；
文本阴影：4px 4px 13px黑色；
}
}

下一个地球

连接toi、土地集团和文章回收中心
环境保护区









-统计报-
商品名称：
0
维勒兹：您的接头是否适用

在波伏瓦信息中心的高切河畔
continuer a利用者“地球上的下一个”

“地球上的下一个”项目

但是最简单的方法是简单化
洛杉矶
信息扩散
环境之乡，
联合国集团
pouvez是一家无需维护的商品咨询公司
苏杰特河畔的雷切奇。


使用权人在使用权人身上安装连接件