Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section

#bem

@Clement1kalu-okereke

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I found the grid template areas very difficult can anyone recommend articles or videos to learn it?

Community feedback

Ljr777 150

@Ljr777

Posted

hey, there I also battled with this task I just submitted now too(so I dont have much feedback) but check out this video, it breaks it down grid-template-area down too link

Marked as helpful

0

@Clement1kalu-okereke

Posted

@Ljr777 Thanks for the video reference i will look at it

1

@asmaa-elfatayry

Posted

here are some sources I hope help you

https://www.geeksforgeeks.org/comparison-between-css-grid-css-flexbox/

https://www.youtube.com/watch?v=-Wlt8NRtOpo

https://www.youtube.com/watch?v=t6CBKf8K_Ac

https://www.w3schools.com/css/css_grid.asp

and to resolve the ACCESSIBILITY ISSUES :

put all the content of body in <main> </main> tag

The page should contain a level-one heading so you should make the main title in <h1></h1> tag not h3

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord