Desktop design

Mobile design

News homepage

<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-xl-6 css-okp1yw"><p style="font-size: 40px; font-weight: 800; max-width: 375px;">The Bright Future of Web 3.0?</p></div>

<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-xl-10 css-13pqncv"><div style="max-width: 375px;">We dive into the next evolution of the web that claims to put the power of the platforms back into the hands of the people. But is it really fulfilling its promise?</div></div>

<p style="padding-left: 20px; padding-right: 20px; color: rgb(197, 198, 206);">Will hydrogen-fueled cars ever catch up to EVs?</p>

<p style="padding-left: 20px; padding-right: 20px; color: rgb(197, 198, 206);">What are the possible adverse effects of on-demand AI image generation?</p>

<p style="padding-left: 20px; padding-right: 20px; color: rgb(197, 198, 206);">Private funding by VC firms is down 50% YOY. We take a look at what that means.</p>

<p style="color: rgb(93, 95, 121); margin: 0px;">What happens when old PCs are given modern upgrades?</p>

<p style="color: rgb(93, 95, 121); margin: 0px;">Our best picks for various needs and budgets.</p>

<p style="color: rgb(93, 95, 121); margin: 0px;">How the pandemic has sparked fresh opportunities.</p>

<div classname="attribution">Challenge by <a href="https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl/hub">Frontend Mentor</a>. Coded by <a href="https://www.frontendmentor.io/profile/Chious">Your Name Here</a>.</div>

div></div><div classname="attribution">Challe

s-xi606m"><h6 class="MuiTypography-root MuiTypography-h6 css-1ym5cb6"><svg w

Please log in to post a comment

Community feedback

Build up home-page by React and MUI

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community