我们如何根据所提供的屏幕截图将以下html更改为两列布局.我无法修改/添加标记到html,因为它当前呈现如下 根据jsfiddle,我已经try 了如下:
https://jsfiddle.net/68f2svby/5/个
<div className='blogItems'>
<div className='row'>
<div className='blogArea'>
<a href="somelink">
<div class="popularArea">
<div class="dataDate tags readmoreLink views">
<p>
<img src="https://picsum.photos/100" alt="hello">
</p>
<p> 22 Feb 2023</>
<h2>Vue coding skills</h2>
<p>Adding more details. about this skill is important.</p>
<p>Adding more details. about this skill is important.</p>
<p>Adding more details. about this skill is important.</p>
<p> Read more ....</>
</div>
</div>
</a>
</div>
</div>
</div>
//期望输出: