Simple positioning of layout with absolute and relative concept.
Design comparison
Solution retrospective
I find difficulties while arranging the layout and the page was not much responsive but somehow I was able to achieve responsiveness I want to learn more about how to make a responsive webpage. So I have a doubt about how to use position: absolute and relative and where to use them.
Also, I was not able to use some of their font and colors directly in the body of the webpage, I don't understand why that was. If you have any of the solutions and you can review the webpage that will be helpful to me. I am an absolute beginner in Web development so maybe I am using some outdated style techniques but I am an enthusiastic learner, I will learn all of the techniques required for a good web developer.
Community feedback
- @JonyangoPosted over 2 years ago
Hello Gaurajav. Good Job on getting a working responsive solution using the position property.
-
There are different ways of adding external fonts. You can download a font and make use of the @fontface property, or another way is to use a special style sheet link in your file's
<head>tag to introduce the font. This article gives a detailed guide on how to add a Google font. -
The style guide provided in the files gives you the font type used, the colours, etc. To be able to apply the colour, you need to use the colour property on each selector. An example
p{ color: hsl(212, 45%, 89%) }This code snippet will apply the specified color to the paragraph element.
0 -
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord