What is going wrong here ? Layout is a mess

Hello, I have this so far : https://codepen.io/RoelofWobben/pen/MYYjYKN And it want to look like this : Can anyone help me to get out of this mess ?
No description
23 Replies
Mannix
Mannix•4mo ago
the biggest issue is declaration of grid-template-columns then you have brand a lvl to deep for grid to work on it and last a validation issue you can't put p tag inside heading
roelof
roelofOP•4mo ago
Sorry What do you exactly mean with "brand a lvl" ?
Mannix
Mannix•4mo ago
the<i class="brand"> Studio 1mind </i> should be next to a div with a class of img not inside of it
roelof
roelofOP•4mo ago
aha, adding a </h2> makes the layout a lot better oke So I have to change it to :

<img src="https://picsum.photos/300/300" />

<img src="https://picsum.photos/300/300" />
? oke
Mannix
Mannix•4mo ago
you got mostly there one more issue <i class="Brent Horton, Customer"> shouldn't it be <i class="name">Brent Horton, Customer</i>?? and now the columns work
roelof
roelofOP•4mo ago
also changed I think I need a lot of practice to make this complex layout for myself
Mannix
Mannix•4mo ago
don't forget to close article šŸ˜‰
roelof
roelofOP•4mo ago
also changed maybe time to do more of Kevin course's . I did only the CLR course
Mannix
Mannix•4mo ago
don't worry you will get there you just need to practice šŸ™‚
roelof
roelofOP•4mo ago
pfff I think I practice for some 2 years now with FEM challenges
Mannix
Mannix•4mo ago
dev tools is your friend learn to use it and leverage it's strengths
roelof
roelofOP•4mo ago
Thanks again and have a good weekend I can finally work further on my project
Mannix
Mannix•4mo ago
:thumbup:
vince
vince•4mo ago
This is a hard challenge, I've been a frontend dev full time for about 2 years now and it took me around an hour. Is this a FEM challenge? Might be better to do easier ones. Plus this is a really unique component you won't see really. Lots of what I do day to day is pretty benign stuff
roelof
roelofOP•4mo ago
no this was a challenge I found for myself for a wordpress challenge I did already a lot of the beginners and some of the medioum projects a while ago but I will do them maybe again I have to It seems I deleted the two I made this year 😦
roelof
roelofOP•4mo ago
@vince what do you think of this : https://codepen.io/RoelofWobben/pen/GgKPxPB
roelof
roelofOP•4mo ago
found a pen solving one of the easiest challenges @vince may I see your code ? I hink I made things to complicated
vince
vince•4mo ago
Sorry been out all day and will be out for the rest of the day i haven't been able to take a good look at this Will be out like all day tomorrow too šŸ˜ž but ping me again tomorrow and I'll try to take a look
roelof
roelofOP•4mo ago
Sorry I mean the code for the card Where you said you worked a hour
roelof
roelofOP•4mo ago
yep, a lot easier then I did old habit of me to always choose a difficult way Thanks for showing me this Time to study it And for the feedback I have made a topic in the showcase channel

Did you find this page helpful?