Project 1: Article #41
Conversation
There was a problem hiding this comment.
🌈Impressive site! 😀 I like how you combined colors and display. Testing around it I noticed that so far it works great. The next step would be to add media queries so that it can look beautiful in every device screen. Start designing from the mobile display first. Remember to remove the comments from your code so it's clean and nice.😊
| @@ -4,18 +4,225 @@ | |||
| <head> | |||
| <meta charset="utf-8" /> | |||
There was a problem hiding this comment.
HI! I'm Estefanía and I'll be taking a look at your code so that we can leave it as functional and shiny as possible.👋😀
| <div> | ||
| <p>Though it has largely taken a backseat to more casual styles over the last several years, traditional design is undergoing a renaissance of sorts, and we find ourselves falling for the stately rooms and beautiful antiques all over again.</p> | ||
| <p>It's not difficult to deduce that traditional design is inspired by—you guessed it—tradition. Specifically, traditions of 18th and 19th-century European interiors, albeit in a more timeless approach. <b>Symmetry, harmony, and understated elegance</b> are defining traits.</p> | ||
| <p>Classical furniture, intricate details, and rich colors abound in traditional interiors, resulting in decidedly formal yet functional spaces. Architecture is another important component, with detailed millwork such as crown molding and wainscoting playing a significant role.</p> | ||
| <h3>Characteristics</h3> | ||
| <ul> | ||
| <li>Rich, warm and inviting feel</li> | ||
| <li>Elegant and comforting</li> | ||
| <li>It features the "familiar"</li> | ||
| <li>Use of natural woods</li> | ||
| <li>Creamy colors (e.g. beige, ivory, eggshell and white)</li> | ||
| </ul> | ||
| </div> |
| <ul> | ||
| <li>Mostly bold colors</li> | ||
| <li>Wide variety of patterns</li> | ||
| <li>Eclectic and fun</li> | ||
| <li>Unconventional</li> | ||
| </ul> |
There was a problem hiding this comment.
Oops, watch out for the ul tags indentation. They should be aligned.
| <li>Use of bare bricks, metals, concrete and wood</li> | ||
| <li>Recycled materials</li> | ||
| <li>Everything should be functional</li> | ||
| </ul> |
There was a problem hiding this comment.
Same as before with the list tags. Should be aligned.
| nav { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| position: sticky; | ||
| top: 0; | ||
| z-index: 100; | ||
| background: rgb(249, 249, 249); | ||
| padding-top: 10px; | ||
| padding-bottom: 10px; | ||
| } |
There was a problem hiding this comment.
I love what you did here with the nav menu!
| body a:hover { | ||
| color: brown; | ||
| } |
I created as a first test a Onepager about some interior designs.
About the Content: The real challenge for the first project was finding out what exactly to create. This choice is the foundation of all and determines what the layout will finally look like.
About the Code: I am all in all happy with the results. I struggled the most with the display of the images. It could be improved by creating a whole gallery for each design which is "swipeable" on a mobile device.