Experienced Desktop Support Specialist (12 yrs) transitioning to front-end development. Seeking a remote role to leverage my problem-solving, learning, and communication skills to create impactful user experiences.
I’m currently learning...Web Development from the ground up: Gaining a comprehensive understanding of web development fundamentals, including HTML, CSS, Flexbox, CSS Grid, and JavaScript principles.
Latest solutions
Latest comments
- @Oluwaseunolaoluwaajayi@adrian-reina-391
Hello, remember that the web must have a responsive design, that's why you write a code for the mobile view and later start changing things in the media queries to add all the required layouts to get a look as closest as possible to the given design
- @nayyabaqibWhat are you most proud of, and what would you do differently next time?
I am most proud of successfully implementing a responsive design using only HTML and CSS. It was a great learning experience to structure the layout properly and style it effectively. Next time, I would focus more on improving accessibility and adding small animations to enhance user experience.
What challenges did you encounter, and how did you overcome them?One challenge I faced was aligning the content properly within the columns while keeping the design responsive. Initially, the layout was breaking on smaller screens. I solved this issue by using CSS Flexbox and Media Queries to ensure a smooth and adaptable design
What specific areas of your project would you like help with?"I am struggling with JavaScript functionality, especially handling events and state management."
@adrian-reina-391this does not require JavaScript, check my solution on my profile
- @vpopovic003What specific areas of your project would you like help with?
How to get the right colors on the image overlay?
@adrian-reina-391I couldn't get the exact color either, I tried for days
- @letsve@adrian-reina-391
hello, 1st. You should put the link to the specific exercise, not to your Github profile 2nd. To the class "photos" ad a border-radius for the top side (20px 20px 0 0)or any number you used for the bottom, if doesnt work, add a class to the card backgroud image and use border-radius 3th. Try to be more precise with the sizes, but you had a good understanding of the project
Marked as helpful - @Control222@adrian-reina-391
Hello, the submitted code is from another project, in the mobile view you don't leave space between the card and the body, also great jon in the wider screens
- @PetyaBiszepsWhat are you most proud of, and what would you do differently next time?
I can't say I'm proud of something here, but I feel that's a good start to actually START to code. It's a big difference between watching someone coding and coding by yourself so it gives you good practice and makes you try to find solutions for the problems you are facing during creating this project.
I found out some new HTML tags during this project (e.g. table tag), got better understanding of fundamentals of both HTML and CSS and of course @media tag which is required to make this layout responsive, including mobile devices. That's a good start as I said!
What challenges did you encounter, and how did you overcome them?The most important thing I faced during this project is creating a mobile version of this page. I have never looked at @media tag before and its really important skill in my humble opinion. Some overall structure understanding is also a challenge for a newcomer here, but for me it was easier than that.
What specific areas of your project would you like help with?Firstly, I want overall opinion on this page. Does it work as it should? Is there any recommendations in terms of tags, maybe some coding tricks I could use to make my code more clear and the most important, is it good in terms of 'looking like example'. Also it would be amazing to get some recommendations how to work without figma since I'm not premium user. I know it's possible but the only way I could find some numbers is Photoshop. Are there some better ways to do it except figma?
@adrian-reina-391it looks good, but It should have a margin-bottom too, in mobile view it should not have a border radius, check mine if you want
Marked as helpful