HTML/CSS - Navigation bar with drop down menu Online Editor and JavaScript Compiler

html

<!DOCTYPE html> 
<html> 
<head></head> 
<body> 
<!--please this is one of my 65 codes here in sololearn I made this one public because I need help. My question is without using my computer just with my cellphone is it possible to make a picture on my cell phone as the header of this page? If yes how do I upload it?  How do I do I go about it? Please I need a comprehensive answer. Thank you in advance as you like and drop your answer in the comment box-->
<ul>  
<li class="dropdown"> <a href="#"class="dropbtn">Menu</a> 
<div class="dropdown-content"> 
 <a href="#">Learn web development</a>
 <a href="#">Create a website</a> 
 <a href="#">Order for service</a>
 <a href="#">Frequently Asked Questions</a>
<li><a href="#home">Home</a></li> 
<li><a class="active" href="#news">About</a></li>
<li><a href="#home">Contact</a></li>
<li><a href="#">Login</a></li> 
     
 </div> 
 </li> 
 </ul>
  
  <h4>

css

 ul { 
   list-style-type: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
   background-color:  #333; 
} 
.dif li {
   float:none;
   
    
}
li { 
   float: left; 
}
 li a, .dropbtn {
   display: inline-block; 
   color:  white; 
   text-align: center; 
   padding: 10px 8px; 
   text-decoration: none;
} 
li a:hover, .dropdown:hover .dropbtn { 
   background-color:  #48d1cc;

alert("please this is one of my 65 codes here in sololearn I made this one public because I need help. My question is without using my computer just with my cellphone is it possible to make a picture on my cell phone as the header of this page? If yes how do I upload it?  How do I do I go about it? Please I need a comprehensive answer. Thank you in advance as you like and drop your answer in the comment box")

BROWSER

Console