Hi, thank you for checking this topic.
I just couldn’t place my “first” , “second” and "third element top-right of the page.I couldn’t figure out how to do it .
Here is my project .
Your code is unnecessarily congested. You have display: flex
everywhere (some of which don’t need to be there). If you want your elements to be aligned at the top right, do the following:
- Remove
display: block
on thenav
element. - Remove
width
property on theul
andflex-direction: row
(It is redundant because it is the default fordisplay:flex
- Apply the following on
ul
nav > ul {
display: flex;
justify-content: flex-end;
}
I tried flex end already but some how doesn’t want to go on top-right corner.
flex-end makes like this.
Look at what i have stated above. If you still have a width of 35vw how do you expect the elements reach the end.