第三步无响应

 

 index.html

<！DOCTYPE html> 

< html > 

<头> 

<标题> Flexbox </标题> < link rel = “ stylesheet” href = “ page.css” > < link rel = “ stylesheet” href = “ style.css” > < / head > < body > < div class = “ main-wrapper” > <标头类= “主标头” > <    

            UL 类= “主资产净值” > 

<李类= “主标志” > < H1 > <一个HREF = “＃” >我的工作</一> </ H1 > </李> <李> <一个HREF = “＃” >设计</一> </李> <李> <一个HREF = “＃” >编码</ a > </ li > <                  

 

                李> <一个 HREF = “＃” >书写</一> </李> 

<李> <一个HREF = “＃” >聘用我！</ a > </ li > </ ul > </ header > < div class = “ content-row” > < div class = “ primary col” > < h1 >我是设计师<                 

 

                >我设计了漂亮的用户界面，然后通过HTML，CSS和JavaScript使它们栩栩如生。我喜欢在设计中包括自然，人和日常事物的个人照片。</ p > 

< p >如果您需要为您的下一个项目一个前端设计师，<一个HREF = “＃” >看看我的作品</一>，然后<一个HREF = “＃” >获得触摸</ a >！</ p > </ div > <                  

            

             = “ secondary col” > 

< h2 >我也写</ h2 > < p >我喜欢教别人关于最新技术的信息。因此，当我不设计或编码网站时，应用程序，你会发现我写<一个HREF = “＃” >我的博客文章</一>。</ p > </ div > </ div > </ div > </ body > <                

 

 style.css

@ media  （最小宽度： 611px ） { 

/ *通过在* /下编写CSS来完成挑战。main-nav { display ：flex ; } 。主要导航li { flex-grow ：1 ; }

 

 

答：第三步工作正常，也许您在回答问题时做错了什么。这是挑战的所有四个步骤的正确代码

 

@ media  （min-width ： 611px ） { 

/ *通过在* / / *第一步* /下面编写CSS来完成挑战。main-nav { display ：flex ; } / *第二步* / 。主要导航li { flex-grow ：1 ; } / *第三步* / 。content-row { display ：flex ; } / *第四步* / 。次要{顺序：-1 ; } }

 

在第三步中，我选择了内容行类，并通过为其显示属性指定值'flex'来设置其flex格式上下文。