Posiciones absolutas y relativas en html 5

[DoPeY-BBS]

Que tal, me surge una pregunta

Yo estoy tomando un curso de html y css bien bueno y en la practica final hay que hacer una de esas páginas modernas con eso que le llaman hero secciton con una imagen a la derecha y un encabezado a la izquierda junto con un texto y dos botones.

¿Es buena practica utilizar posicionamientos absolutos y relativos en html 5?

Código HTML:

<section id="hero-container">
			
			<article id="hero" class="container">
				
				<figure class="dispositivos">
					<img src="img/home-dispositivos.png" alt="Dispositivos">
				</figure>
				
				<header>
					<h2>Diseño web profesional para potenciar la imagen de tu negocio</h2>
				</header>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut massa non ipsum fermentum rhoncus non vel neque.</p>
				<a href="contacto.php" class="btn">Trabajemos juntos</a>
				<a href="portafolio.html" class="btn btn-alt">Ver portafolio</a>
				
			</article><!-- /#hero -->
			
		</section><!-- /#hero-container --> 

Código CSS:

#hero-container {
    background: #f6f6f8;
    padding: 5em 0 8em 0;
    position: relative;
    border-top: solid 0.0625rem #d7dbe6;
    border-bottom: solid 0.0625rem #d7dbe6;
}
 
#hero {
    padding-right: 55%;
}
    #hero h2 {
        color: #7e89a3;
        font-weight: 300;
        font-size: 2.5em;
        line-height: 1.3em;
        margin: 0;
    }
    
    #hero p {
        margin-top: 1em;
    } 
    
    #hero .dispositivos {
        background: url(../img/home-dispositivos.png) left center no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
        height: 100%;
        margin: 0;
    }
    
        #hero .dispositivos img {
            display: none;