and then
2. all code in one file (not separate file)
3. (don't design the article with html:5 "
Example " .
(follow here rules 1) (must follow rules 1 to design)
4. add there this image "Your thumbnail URL here" keep this image without any container
5. and keep the entire article in a white container (don't keep image in this container)
Article: "Past your content here"
6. image must be without container and the image should be up from container (at first will have image without any container and after image there will have a white container and the article will have that's whit container)
7. Add image zoom functionality using this "
"
7. the images width must be same of the white container (keep in mind that, image width must be same as article container)
8. make the article standard design by following upper rules carefully
9. Don't use body style to the css
(don't use this "
body {
................
}
"
10. set white container width full width (width 100% and max width 1000px of white container) and set zoomable image container max width 1000px . (max width are same 1000px)
11. If an emoji is needed, don't use it before content: 'emoji';. Instead, insert the emoji directly where it's needed (don't use emoji in before content ".." of css rather set emoji to direct the separate points) (keep in mind that must follow rules 11)
12. set span class name .close-btn and this css for this span class (.close-btn) . in style . css= ".close-btn {
position: absolute;
top: 20px;
right: 30px;
width: 40px;
height: 40px;
cursor: pointer;
}
.close-btn::before,
.close-btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 3px;
background: white;
}
.close-btn::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close-btn::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.close-btn:hover::before,
.close-btn:hover::after {
background: #ccc;
}"
13. don't use "x" in span class (i mean just don't write "x" in span )
example structure : (must follow all the rules"
14. must follow all the rules from 1-13