This was an annoying challenge since there was so many position absolutes to work with in regards to the images. I don't even think if I got them all right. Aside from position absolute, what would be the best way to position the images in the correct position?
Everything! Help me with everything! The inputs! The JS! The CSS! How do you do this challenge! I was literally just coding random nonsense for the most part hoping it would work out in the end! It was literal insanity! It was such a brutal challenge :,(
What is the best way to figure out the font size margins and paddings? It's hard to get a perfect 1 to 1 solution without knowing the exact values and only winging it based on if it looks good. Is there a trick I can use to get the perfect font sizes, margins, and paddings?
When it comes to creating the html, it's easy if it's only for one screen, but having to take into consideration responsive, what's the best way to write the html taking into account most of the screens, the desktops, the tablets, and the mobile devices.
Most difficult part of my work process was how to compare the work and the design to be similar in terms of pixels.
Small breakthrough came when i started working with split browser windows.
Wow, that almost looks 1 for 1. Good job. Wish I could get my solutions that close to the design :(
I am very proud that I took less time than QR to do it, that there were things that I felt I couldn't or didn't believe in but my logic in programming helped me a lot! I couldn't say what I would do differently because each thing is teaching me something new or how to solve any problem.
What challenges did you encounter, and how did you overcome them?It was a silly challenge that was like placing the image of "Greg Hooper" next to the name but with a "float: left;" I was able to solve it.
What specific areas of your project would you like help with?I would like to know if I have to improve any aspect of the variables I use and I would love any advice.
Just my two cents, in the css, it is kewl to have a root element where you can declare the variables. For a small challenge like this, it doesn't matter much, but for the larger challenges, it saves time and makes things smoother. It would be something like this
:root { --variable-name: (value); --variable-name: (value); ...... }
.container { background-color: var(--variable-name); }
Hope this helps :)
Place the main content in a main tag <main></main>. This makes it easier to read, follow, and makes it easier for the compiler to know which content is important.
Hope this helps :)
I assume to mean go into, I think margin-(direction): -(number)px; could help. So like, margin-left: -4px;
In the html file, have a main tag around the main content, that makes it better for the compiler and makes the html easier to read. In the css file, I personally place a :root{} where you can declare variables for later use, it makes things faster on larger projects. Hope this helps. :)
