Fenix
We Specialize in
Wedding Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Birthday Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Food Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Fashion Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Jewellery Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Drink Photography
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Steps in Our Works
Our process on creating awesome projects.1. Concept
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
2. PREPARE
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
3. RETOUCH
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
4. FINALIZE
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Smart, Creative & Awesome.
A creative agency that believes in the power of creative ideas and great design.
Example 18 — The Flexible Box Layout Module
Figure 9-39:
Figure 9-41: Axis alignment with
Figure 9-42: Applying
Example 18 — The Flexible Box Layout Module (new flexbox)
Figure 9-39: Flex presets code sample
<style scoped>
.nav {
/* Establish a flex container */
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin: 0.25em auto 1.5em;
padding-left: 0;
list-style-type: none;
}
/* First image: Flexbox with no flex */
.nav li {
/* equivalent to flex: 0 0 auto; */
-webkit-flex: none;
-moz-flex: none;
flex: none;
}
/* Second image: Relative flex */
.nav li {
/* equivalent to flex: 1 1 auto; */
-webkit-flex: auto;
-moz-flex: auto;
flex: auto;
}
/* Third image: Absolute flex */
.nav li {
/* equivalent to flex: 1 1 0px; */
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
/* Fourth image: Differing flex values */
.nav li {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.nav li:nth-child(2) {
/* equivalent to flex: 2 1 0px; */
-webkit-flex: 2;
-moz-flex: 2;
flex: 2;
}
/* Increase click target area */
.nav a {
display: block;
width: 100%;
height: 100%;
padding: 0.25em 0;
font-family: "Helvetica Neue", Arial, sans-serif;
text-decoration: none;
color: hsl(220, 100%, 0%);
}
.nav li {
margin: 0 0.5%;
border: 1px solid #999;
border-radius: 2px;
text-align: center;
background-color: #eee;
}
</style>
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/articles">Space Monkey Articles</a></li>
<li><a href="/dashboard">Log in</a></li>
</ul>Figure 9-39: flex presets (relative vs absolute flex)
flex: initial
flex: auto
flex: <positive-number>
flex: <positive-number> (1 1 2)
flex: auto
flex: <positive-number>
Figure 9-40: Aligning via auto-margins
flex: initial
flex: initial with auto margins 1
flex: initial with auto margins 2
flex: initial with auto margins 3
flex: initial with auto margins 4
Figure 9-41: Axis alignment with justify-content
justify-content: flex-start
justify-content: flex-end
justify-content: center
justify-content: space-between
justify-content: space-around
Figure 9-42: Applying align-items values to the flex container
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
- The Flexible Box Layout Module
- Figure 9-39 to 9-41 on Dabblet
- Figure 9-42 on Dabblet
Meet The Team
Our process on creating awesome projects.
Isabella Cage
DesignerLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Ashley Potter
EditorLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Irine Stryker
PhotographerLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
Get in Touch
Feel free to drop us a line to contact us-
Moonshine St. 14/05 Light City
-
00 (123) 456 78 90