Untitled

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>YoungSUN</title>
<style>
    body {
    margin:0;
    padding:0;
    }

    a:hover {
        color:pink;

    }
    .wrapper-nav{
        border:5px solid goldenrod;
        display:flex;
        flex-direction:row;
        justify-content:start;
        margin:50px;
        background-color:darkgrey;
    }
    .box{
        margin:5px;
        flex-grow:1;
        padding:10px;
        text-align:center;

    }

    .wrapperphoto{
     display:flex;
     max-width:100%;
     flex-direction:row;
     justify-content:space-around;


    }

    .ph>img{
        max-width:400px;
        max-height:500px;
        margin:10px;
    border:5px solid yellow;
    }
</style>
</head>
<body>
    <div class="Wrapper-nav">
        <a>Home</a>
        <a>About</a>
        <a>Contact</a>
        <a>Pay Me</a>
        </div>

    <div class="wrapperphoto">
        <img src="IMG_1063.jpg">
        <img src="blue.jpg">
        <img src="catt.jpg">
    </div>
    <div class="wrapperPhoto">
        <img src="praCCCCCCCtice.jpg">
        <img src="watah.jpg">
    </div>
</body>
</html>