Good Morning. I'm working on a web project and I need to set images corners in a specific position, also they have to be centered on a page on window resize.

I tried to do with this, but it not works:

<div id="SEZ3_ARTE_AMBIENT" class="row">
<div class="col-6"><img class="img_ambiente" alt=""  src="ambiente.svg"></div>      
<div class="col-4">                 
<p style="float: left;">text text</p>
<div class="container_arte">
<div id="arte_text" class="col-6">
<p>text text</p>
<div class="col-4"><img alt=""  src="arte.svg" id="arte"></div>

        position: relative;
        top: 2800px;
    .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
.container_arte {
        width: 100%;
        margin-top: 0px;
        position: absolute;
                                                                                                                                                    #arte_text {
        text-align: right;
    .col-6 {
        width: 50%;
       .col-4 {
        width: 33.33%;

Anyone knows how can I do this work? Here there is an example what I would like to do:

enter image description here

  • What have you tried? Where is it failing? – Scott Sep 16 at 7:34
  • I've modified my question putting my code inside post. – Elisa Ltc Sep 16 at 8:06
  • 2
    Hi. Welcome to GDSE. HTML coding is off topic here, unfortunately.. Your question is probably better suited to Stack Overflow. – Billy Kerr Sep 16 at 8:50
  • @Billy Kerr , thank you for your advice. I've posted same question in StackOverflow, but nobody replied to me. – Elisa Ltc Sep 16 at 9:09
  • 1
    SO can get a lot of questions piled up, but posting this here because you didn't get an answer there doesn't make it any better that you are posting in the wrong group. – Alith7 Sep 16 at 12:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.