+ 2

Css or html positioning problems

for the webpage attached, I want to make the red background of the internal links curve at the bottom and fit into the normal section. Then create an <aside> space on right with the <article>(with a coloured background too) in the middle. I am having issues with the percentages,alignments and floats css codes. I want the whole page to have four compartments, the header which is already perfect as I like it. but the section is giving me problems, I want to divide it into three. thanks in anticipation 🙋😃

20th Oct 2017, 7:46 AM
Oyelami Oyewale
Oyelami Oyewale - avatar
7 Respuestas
20th Oct 2017, 10:12 AM
Jonathan Pizarra (JS Challenger)
Jonathan Pizarra (JS Challenger) - avatar
+ 2
https://code.sololearn.com/W71x09p44ibz/?ref=app
20th Oct 2017, 7:49 AM
Oyelami Oyewale
Oyelami Oyewale - avatar
20th Oct 2017, 9:24 AM
Calviղ
Calviղ - avatar
+ 2
thanks a lot guys you gave me a way to solve the problem
20th Oct 2017, 8:51 PM
Oyelami Oyewale
Oyelami Oyewale - avatar
+ 1
Your code is a bit messy. Try to remove the text and focus on the structure first so it would be more organized. Then put a black border on all parts so you can see what you are doing. Then use flexbox for an easier solution. Other notes: Separate the nav from header. The text content is quite long so it would be better if you divide them into articles and sections.
20th Oct 2017, 9:09 AM
Jonathan Pizarra (JS Challenger)
Jonathan Pizarra (JS Challenger) - avatar
+ 1
thanks but I need to fit the article within the section's border
20th Oct 2017, 9:46 AM
Oyelami Oyewale
Oyelami Oyewale - avatar
+ 1
How about this? Set border to position: relative; Force internallinks expands to border height position: absolute; top: 0; bottom: 0; and push article to right using padding-left:21% https://code.sololearn.com/WHR2fcRn9pfO/?ref=app
20th Oct 2017, 10:36 AM
Calviղ
Calviղ - avatar