diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..5be898795 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,30 +3,55 @@ + Wireframe
-

Wireframe

+

Wireframe, Git Branches and README File

- This is the default, provided code and no changes have been made yet. + This short article talks about wireframe, Git branches and README File

- -

Title

+ wireframe example layout +

Wireframe

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A Wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch. + Wireframes typically depict only functionality, not the true style and visual elements of the final product.

- Read more + + Wireframe +
+ +
+ git branching diagram +

Git Branches

+

+ A Git branch is like a separate work space that allows developers to make changes without affecting the main repository. +

+ + Git Branch +
+ +
+ README File illustration +

README File

+

+ Developers use README files to explain their projects to others. It communicates important information about your project. +

+ + README File
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..76bb68282 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -53,6 +53,9 @@ footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background-color: #0F172A; + color: #F8FAFC; } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. @@ -87,3 +90,24 @@ article { grid-column: span 3; } } +article:first-child img { + height: 100%; +} + +article:not(:first-child) img { + height: 400px; +} +article img { + width: 100%; + height: 250px; + object-fit: cover; + display: block; +} +header { + text-align: center; +} +h2{ + text-align: center; +} + + diff --git a/Wireframe/wireframePicture.avif b/Wireframe/wireframePicture.avif new file mode 100644 index 000000000..07360f81f Binary files /dev/null and b/Wireframe/wireframePicture.avif differ