Opinions about a design

I was looking through the projects I did during the odin project and I came across this. https://www.theodinproject.com/lessons/node-path-advanced-html-and-css-homepage There are design photos given in the step one. I didn't question it at the time but doesn't this seem quite nightmareish from a dev perspective? Especially the section from tablet design I'm screenshotting below.
No description
7 Replies
Ganesh
GaneshOP2mo ago
The text is wrapping around the image so that must mean float should be used. But the image is overflowing out of container as if positioned which can't work with float
Ganesh
GaneshOP2mo ago
No description
Ganesh
GaneshOP2mo ago
This is the desktop version and here it doesn't seem positioned I dunno. Doesn't seem like this is something practical but I don't have enough experience to say
Chris Bolson
Chris Bolson2mo ago
This can be achieved with negative margins on the image without having to position it, eg.:
img{
float:left;
margin:-50px 30px 20px -50px;
}
img{
float:left;
margin:-50px 30px 20px -50px;
}
Ganesh
GaneshOP2mo ago
Yeah i remember I used negative margins when I solved it. Tho it felt awkward Yeah it was because it at into container spacing and I had to increase that
Ganesh
GaneshOP2mo ago
something like this I think still messy but less messy than my old code. thanks

Did you find this page helpful?