@alexabaloSubmitted 7 months ago
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
SrkiMax
@SrkiMaxAll comments
- @SrkiMaxPosted 7 months ago
Hey Alex,
I am also starting with frontend development myself, and in this challenge I also had a problem finding the way to position attribution div under the social links card, close to the bottom of the page. I used something like this:
.attribution { position: absolute; top: 90%; left: 50%; transform: translateX(-50%); }
Try and see if it works for you too
0 - @SrkiMaxSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of learning something new every day. Today I learned a new way of centering the element. I usually use flexbox, but this time I tried a different approach, using the code bellow:
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
What challenges did you encounter, and how did you overcome them?I was looking for a way to add some style to the parent div .container (make a bigger shadow) while hovering over a child element (h1 with text HTML & CSS foundations). If someone who is a beginner like me needs it, it is done by using this code on parent and child:
div.parent {
pointer-events: none; }div.child { pointer-events: auto; }
div.parent:hover { background: yellow; }
What specific areas of your project would you like help with?I appreciate every feedback you think would help me improve my design.
- @SrkiMaxSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
This is my first Challenge on Frontend Mentor, and I am proud that I finally started actively learning after a few courses of studying frontend.
What challenges did you encounter, and how did you overcome them?I did not encounter any challenges, since this one is pretty basic, but I know that the future projects will be much more challenging
What specific areas of your project would you like help with?I do not need much help on any areas in this project.
- @adonesguerreiroSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I am very happy and is my second challenge, I am seen how I improve my development web in relation to CSS
What challenges did you encounter, and how did you overcome them?This is challenge is very similar to the previous one, but I have minus difficult in this challenge that previous one
What specific areas of your project would you like help with?I need you to suggest what I can improve in relation to HTML and especially CSS to reduce the code and make it leaner
@SrkiMaxPosted 7 months agoThere is a small note under the project that says: The font sizes in this project a slightly smaller in the mobile layout. Find a way to reduce font size for smaller screens without using media queries.
Try to find it on google, it's a good solution, and will save you some time and space of writing media queries:
/*The bellow code changes the font-size without the media-queries. It is done by using this code: font-size: clamp(min, ideal, max); example bellow: font-size: clamp(0.8rem, 1.75vw, 1rem); */
Marked as helpful0 - @Elwyn17Submitted 7 months agoWhat are you most proud of, and what would you do differently next time?
It was effortless to implement.
What challenges did you encounter, and how did you overcome them?To have the correct measurements was a challenge by looking up in Figma.
I improvised based on my instinct and it helped.
What specific areas of your project would you like help with?This was easy.
@SrkiMaxPosted 7 months agoI am just started coding myself, and I learn a lot by just looking at other people's code to see how they implemented the solution. I liked the way you positioned text(content) using this snippet in css: .content { padding: 4px 16px; }
Keep up the good work
0
