How to align three images on the same row with subcaption package

Question

\usepackage{graphicx}

\usepackage{subcaption}



\begin{figure}[h!]

\centering

  \begin{subfigure}[b]{.3\textwidth}    
        \includegraphics[width=\textwidth]{nano1_Images/eclipsed_iron.png}
        \caption{Eclipsed Cobalt}
        \label{img1}
        \end{subfigure}


    \begin{subfigure}[b]{.3\textwidth}  
        \includegraphics[width=\textwidth]{nano1_Images/staggered_iron.png}
        \caption{Eclipsed Cobalt}
        \label{img2}
        \end{subfigure}

    \begin{subfigure}[b]{.3\textwidth}  
        \includegraphics[width=\textwidth]{nano1_Images/eclipsed_cobalt.png}
        \caption{Eclipsed Cobalt}
        \label{img3}
    \end{subfigure} 


    \caption{DMol3, atom colors}
\end{figure}

Answer 1

If you want subfigures in one row you shouldn't break lines after them. For better readability you can comment the breaklines.

\end{subfigure}% 
\begin{subfigure}