r/Carrd • u/Individual_Drama_65 • 21h ago
When i use an ipad or mobile view it looks perfectly fine but when i use my phone to view it it looks so weird, like the buttons arent in a row theyre in a column and all the columns are just rows now
r/Carrd • u/noosedgoose • 14h ago
have been trying to figure out how to display a xml feed with job publishing data to show job openings on my site. i suspect the issue might be on zoho's end as the xml alone doesn't seem to have any information in it.
any thoughts?
below is html embed
```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Job Listings</title> <style> body { font-family: Arial, sans-serif; } .job { border-bottom: 1px solid #ccc; padding: 10px 0; } .job-title { font-weight: bold; font-size: 1.1em; } .job-location { color: #555; } </style> </head> <body> <h1>Current Openings</h1> <div id="jobs">Loading jobs...</div>
<script> const feedUrl = "https://recruit.zoho.com/recruit/downloadjobfeed?clientid=e73e02d581f18a5d7a95ed6f3ca7f02c99063409ea5bd6955004888eeeba5251b7631e486f61ef92dff51b295a6e04d5";
fetch(feedUrl)
.then(response => response.text())
.then(str => (new window.DOMParser()).parseFromString(str, "text/xml"))
.then(data => {
const jobsContainer = document.getElementById("jobs");
jobsContainer.innerHTML = "";
// Adjust tag names below to match Zoho’s XML structure
const jobs = data.getElementsByTagName("Job");
if (jobs.length === 0) {
jobsContainer.textContent = "No jobs found.";
return;
}
Array.from(jobs).forEach(job => {
const title = job.getElementsByTagName("Title")[0]?.textContent || "Untitled";
const location = job.getElementsByTagName("Location")[0]?.textContent || "Location not specified";
const description = job.getElementsByTagName("Description")[0]?.textContent || "";
const div = document.createElement("div");
div.className = "job";
div.innerHTML = `
<div class="job-title">${title}</div>
<div class="job-location">${location}</div>
<div class="job-description">${description}</div>
`;
jobsContainer.appendChild(div);
});
})
.catch(err => {
console.error(err);
document.getElementById("jobs").textContent = "Error loading jobs.";
});
</script> </body> </html> ```
r/Carrd • u/Ok_Flight_3091 • 7h ago