Image Layout Help

Hi Everyone, this is my second day here (come with no background) and need help with an algorithm. My goal is to achieve the exact layout of images from the picture below. I tried to create “row” and “col-med-*” div classes to place the images where I wanted, but I don’t think that’s the right solution.

If someone can help point me in the right direction that would be great. Thanks in advnace! :slight_smile:

Give some code, thanks

@xavierartot Sorry… That’s the thing, I don’t know the code to do so.

Hi Brandon,

I see on your profile that you are yet to complete any of the Front End projects. Working on the projects is where the real learning here takes place.

I recommend trying out the basics with the Tribute and Portfolio projects before jumping into more complex layouts.

That said, that is if you want to learn to code those layouts from scratch. You can find lots of pretty great templates online, either through various website builder themes or template sites. Google ‘HTML5 templates’ and you’ll be spoiled for choice.

But my real suggestion is to learn and apply the basics of modern responsive web development with the first couple of projects. The complex stuff will make a lot more sense on the other side of those projects. :slight_smile:

@JacksonBates I really appreciate the solid advice. I’m right at the start of the Tribute project now and keep learning the basics like you mentioned. So far so good! :smiley: